按照网上的方法:采用Ajax验证输入内容,代码如下:
<form action="<%=Url.Action("GroupAdd", "Group")%>" method="post" id="form-sign-up">
<input type="hidden" id="ModifyType" value="Add" />
<table>
<tr>
<td align="right">群组名称:</td>
<td align="left"><input type="text" id="GroupName" name="GroupName" size="20" /></td>
</tr>
<tr>
<td align="right" valign="top">群组说明:</td>
<td align="left"><textarea id="GroupMemo" rows="3" cols="20"></textarea></td>
</tr>
<tr>
<td align="right">联系时间:</td>
<td align="left"><input type="text" id="CallLimit" name="CallLimit" size="3" value="0" />天</td>
</tr>
<tr>
<td align="right">群组排序:</td>
<td align="left"><input type="text" id="GroupOder" name="GroupOder" value="0" size="3" /></td>
</tr>
<tr>
<td align="center" colspan="2"><span id="AddError" style="color:Red;"> </span></td>
</tr>
<tr>
<td align="right"></td>
<td align="left"><input type="submit" id="submitAdd" value="保存" /></td>
</tr>
</table>
</form>
验证代码如下:
$(document).ready(function() {
$("#form-sign-up").validate({
rules:
{
GroupName: {
required: true,
remote: '<%=Url.Action("GroupIsExist", "Group")%>'
},
CallLimit:
{
required: true,
digits: true
},
GroupOder:
{
required: true,
digits: true
}
},
messages:
{
GroupName: {
required: "<font color=/"red/">请输入群组名称!</font>",
remote: "<font color=/"red/">此群组已存在!</font>"
},
CallLimit:
{
required: "<font color=/"red/">请输入联系时间!</font>",
digits: "<font color=/"red/">只能是数字!</font>"
},
GroupOder:
{
required: "<font color=/"red/">请输入群组排序!</font>",
digits: "<font color=/"red/">只能是数字!</font>"
}
}
});
});
总是报JavaScript错误。
把:remote: '<%=Url.Action("GroupIsExist", "Group")%>'改为:remote: '/Group/GroupIsExist',得到正确结果。
具体原因不详!先记录下来再说。