一、使用步骤:
1、下载并导入js
2、初始化参数
$.validator.setDefaults(
{//验证成功后回调参数对象submitHandler:function()//回调方法
{
document.forms[0].submit();//验证通过后提交
}
}
);
$.metadata.setType("attr
//详细见单选复选例子
$("form").validate(//绑定需要验证的form表单{//自定义参数对象
errorPlacement:function(error,element)//设置错误提示消息位置,可选
{
error.appendTo($(element).parents("td")[0]);
}
}
);
3、设定错误信息样式
注意,样式名固定为label.error,样式内容可修改。
4、表单元素绑定验证
绑定方法:class=”XXX”或xxx=”XXX”,例如
二、验证清单
1、自定义消息自定义消息可以用于所有验证器
2、自带的常用验证
3、数字验证
注:整数位数精度统一为8位(经度纬度除外),超过8位验证会提示验证出错信息4、追加的常用验证
5、单选框、复选框、下拉框是否输入验证
6、ajax验证使用步骤:
1、页面上加入验证,如
remote="XXX",代表加入ajax验证,XXX为调用的action方法,这里是使用的struts2的action方法,“!”前面是action名,后面是方法名。
msgRemote="XXX",代表自定义的提示信息。
2、在对应action里加入方法
public void checkNum()throws Exception
{
response=得到响应response;
flag=验证通过标识;
if(flag标识为不通过)
{
response.getWriter().print(false);//验证不通过
}
else
{
response.getWriter().print(true);//验证通过
}
}
这里写的是伪代码,方法名checkNum要和页面上remote属性一致。flag标识是根据具体业务需求所得到是否通过的标志。
注:在园区版本的开发里,记得要给action的方法配权限。
注意:
1、单选框、复选框是否输入验证时,没有输入的时候,提交后才会有验证信息,提交前不提示;自定义消息msg="xxx"只需要在一组元素的第一个定义即可。
2、不同的验证表单元素name属性值不能相同;同一表单元素,除了单选框、复选框外,若有id属性,尽量与name属性相同,不然有可能会发生问题。
3、当表单元素名称比较特殊时,包含了小数点、方括号等特殊字符时,要进行特殊处理,如
这时需要加上selector属性,且属性里不包含特殊字符,如
Selector属性允许输入数字、字母、下划线、中划线,这里如果需要格式与name类似,可以写成如selector=”a_b_1_c”下载本文