jquery validate 在ajax提交表单下的验证方法

Posted 2020-08-24 Fight With Me!!!

$(function() {
 var method=‘${method }‘;
 if(method == ‘edit‘){
  url="${ctx}/commodity/typeReName.json";
 }else{
  url="${ctx}/commodity/typeAdd.json";
 }
 $("#commodityTypeForm").validate({
  onsubmit:true,// 是否在提交是验证
  onfocusout:false,// 是否在获取焦点时验证
  onkeyup :false,// 是否在敲击键盘时验证
  rules: {
   typeName:{
          required:true,
          byteRangeLength:[0,8]
         }
  },
  messages:{
   typeName:{
        required:‘不能为空‘,
        byteRangeLength:‘不能大于8个字节‘
       }
  },
  submitHandler: function(form) {  //通过之后回调
   
   $.ajax({
    url:url,
    type:‘get‘,
    dataType:‘json‘,
    data:{‘ctid‘:$("#ctId").val(),‘typeName‘:$("#type_Name").val(),‘poiid‘:$("#poi_id").val()},
    success:function(data){
     $.each(data,function(i,v){
      if(v.msg == false){
       alert("类型已存在！");
      }else{
       showTypeList(v.typeData);
      }
      
     });
    }
   });
  },
  invalidHandler: function(form, validator) {  //不通过回调
      return false;
  }
 });
});