jquery validate 在ajax提交表單下的驗證方法

標籤：and   lan   var   submit   details   存在   大於   handler   tor   

$(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;
  }
 });
});

jquery validate 在ajax提交表單下的驗證方法