详解实例截图validation-jQuery表单验证.docVIP

Validation-jQuery表单验证插件使用方法 要先引jquery才能用Validation-jQuery。 例： $(document).ready(function(){ !—校验-- validator = $(#form1).validate({ rules : { file_title : { maxlength : 199 //长度限制 }, receive_order_dept : { required: true, //是否必填 maxlength : 199 }, deadlines :{ number:true, //只能填写数字 required: true, }, app_reason :{ required: true, maxlength : 1999 }, spec_modify_content : { maxlength : 1999 }, short_tel :{ maxlength : 19 } }, messages : { file_title : { maxlength : 最大长度199个字符 }, receive_order_dept : { required: “必填”, //必填提示语，不写有默认值 maxlength : 最大长度199个字符 }, deadlines :{ }, app_reason :{ maxlength : 最大长度1999个字符 }, spec_modify_content : { maxlength : 最大长度1999个字符 }, short_tel :{ maxlength : 最大长度19个字符 } }, —错误信息显示位置-- errorPlacement: function(error, element) { if ( element.is(:radio) ) error.appendTo ( element.parent() ); else if ( element.is(:checkbox) ) error.appendTo ( element.parent() ); else if ( element.is(input[name=captcha]) ) error.appendTo ( element.parent() ); else error.insertAfter(element); } }); 作用 jquery.validate是jquery旗 下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持。 说明：需要JQuery版本：1.2.6+ 要导入相应的jQuery.js与jquery.validate.js文件script src=jquery.js type=text/javascript/scriptscript src=jquery.validate.js type=text/javascript 在相应的字段上指定验证规则名称 *input type=text name=loginName class=required其中class=required代表本字段必须要输入数据 script type=text/javascript $(function(){ $(#testForm).validate();//进行检验 }); /script 例： 名称 *　input type=text name=loginName class=requiredbr 密 *　 input type=password name=password class=requiredbr 再次输入 input type=password name=password2 class={equalTo: [name=password]} requiredbr 生日　　 input type=text name=birthday class=dateISObr E-mail *input type=text name=email class=emailbr PAR(zip)input type