jquery_validate的使用.docx

模型：$(#inputFormForDescritptions).validate({? ? ?ignore:,? ? ?rules:{? ? ? ? ? ?zhName:{remote:{? ? ? ? ? ? ? ? ? ? ? url:${ctx}/goods/class/checkName,? ? ? ? ? ? ? ? ? ? ? method:post,? ? ? ? ? ? ? ? ? ? ? dataType:json,? ? ? ? ? ? ? ? ? ? ? data:{? ? ? ? ? ? ? ? ? ? ? ? ? ? name:function(){??????????????????????????????????return$(#zhName).val();? ? ? ? ? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? ? ? ? ? id:function(){?????????????????????????????????return$(#classIdForSub).val();? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ? ? ? ? ? ?}? ? ? ? ? ? }? ? ?},? ? messages: {? ? zhName:{remote:名称已存在,required:中文名称不能为空,maxlength:中文名称长度不能大于50},? ? ? ? ? ?zhDescription:{required:中文描述信息不能为空,maxlength:中文 描述长度不能超过500},? ? ? ? ? ?enName:{required:英文名称不能为空,maxlength:英文名称长度不能大于50},? ? ? ? ? ? ? ? enDescription:{required:英文描述信息不能为空,maxlength:英文描述长度不能超过500}? ? ? ? ? ?},? ? ? ? ? ?submitHandler:function(form){? ? ? ? ? ? ? ? form.submit();? ? ? ? ? ?},? ? ? ? ? ?errorPlacement:function(error, element) {? ? ? ? ? ? ? ?error.appendTo($(#descmsg));? ? ? ? ? ?}? ? });页面上的是：divclass=control-group?名称：inputtype=textname=zhNameid=zhNameclass=required?maxlength=50value=${zhD }/?/divdiv?id=descmsg/div说明：remote对应的是异步交互（验证用户名时候存在），required对应这页面的上的class=“required”，maxlength对应这个页面上的maxlength属性。submitHandler是验证成功后执行的函数。errorPlacement验证失败之后要执行的函数。自定义校验规则：jQuery.validator.addMethod(regex,function(value, element){?//扩展方法示例:　　　　　　　　　　　????????????varexp =newRegExp(/^\w+$/);???????????returnexp.test(value);??????//value? 被验证的input传入的值?},登录名只支持数字、字母、下划线);#定义validate错误显示位置的模式errorPlacement:function(error, element) {? ? ??if($(element).is(select)){? ? ?error.appendTo( element.parent().children(span).empty().append(error));? ?}? ?error.appendTo( element.next(span).append(error));},?//validate?选项***********************************************************??????????$(form).validate({????????????????debug:true??//进行调试模式（表单不提交）??????????????rules:{??????????????????name:required,?//自定义规则,key:value的