jquery.validate验证框架

1、jquery.validate验证框架使用说明一、使用步骤：1、 下载并导入js<script src="jquery.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"></script> <script src="jquery.metadata.js" type="text/javascript&q

2、uot;></script>2、初始化参数$.validator.setDefaults( /验证成功后回调参数对象 submitHandler: function() /回调方法document.forms0.submit(); /验证通过后提交);$.metadata.setType("attr", "validate"); /单选框、复选框，用validate设置 /详细见单选复选例子$("form").validate( /绑定需要验证的form表单 /自定义参数对象errorPlacement: funct

3、ion(error, element)/设置错误提示消息位置，可选error.appendTo($(element).parents("td")0); );<style type="text/css">label.errorcolor:red;display:block</style>注意，样式名固定为label.error，样式内容可修改。 3、 设定错误信息样式4、 表单元素绑定验证绑定方法：class=”XXX”或xxx=”XXX”,例如<input name="email" class="

4、;email"/>二、验证清单1、自定义消息自定义消息可以用于所有验证器2、自带的常用验证3、数字验证注：整数位数精度统一为8位（经度纬度除外），超过8位验证会提示验证出错信息4、追加的常用验证5、单选框、复选框、下拉框是否输入验证使用步骤：1、页面上加入验证，如<s:textfield name="resource.resNum" size="30" cssClass="inputAdd required" msg="物资装备编号" remote="resource!checkNu

5、m.action" msgRemote="物资装备编号已存在！" maxLength="32"/>remote= "XXX"，代表加入ajax验证，XXX为调用的action方法,这里是使用的struts2的action方法，“！”前面是action名，后面是方法名。msgRemote = "XXX"，代表自定义的提示信息。2、在对应action里加入方法public void checkNum() throws Exceptionresponse = 得到响应response；flag = 验证通

6、过标识；if(flag标识为不通过)response.getWriter().print(false); /验证不通过elseresponse.getWriter().print(true); /验证通过这里写的是伪代码，方法名checkNum要和页面上remote属性一致。flag标识是根据具体业务需求所得到是否通过的标志。注：在园区版本的开发里，记得要给action的方法配权限。注意：1、单选框、复选框是否输入验证时，没有输入的时候，提交后才会有验证信息，提交前不提示；自定义消息msg="xxx"只需要在一组元素的第一个定义即可。2、不同的验证表单元素name属性值不能相同；同一表单元素，除了单选框、复选框外,若有id属性，尽量与name属性相同，不然有可能会发生问题。3、当表单元素名称比较特殊时，包含了小数点、方括号等特殊字符时，要进行特殊处理，如<input type="hidden" name="a.b1.c" class=”required”/>这时需要加上selector属性，且属性里不包含特殊字符，如 <input type="hidden" name="a.b1.c&q