Validator 는 Ajax 가 양식 을 제출 하 는 방법 을 검증 합 니 다.

더 읽 기
우리 가 약간 복잡 한 업무 에 있 을 때 여러 개의 폼 form 이 같은 페이지 에 있어 야 하 는 상황 을 만 날 수 있 습 니 다. 그러나 하나의 폼 을 제출 한 후에 페이지 를 새로 고치 거나 뛰 어 넘 고 싶 지 않 습 니 다. 그러면 우 리 는 Ajax 가 폼 을 제출 하 는 것 을 고려 합 니 다. 그러면 Jquery 의 vaidator 플러그 인 도 비동기 로 제출 한 폼 을 어떻게 검증 할 수 있 습 니까?우 리 는 계속 아래 를 내 려 다 보 았 다.
여기 서 나 는 인터넷 상의 한 예 로 설명 할 것 이다.
다음은 비교적 흔히 볼 수 있 는 jquery. ajax 제출 폼 의 작성 방법 입 니 다.

$("#submitButton").click(function(){
//     
   var param = $("#leaveSave").serialize();
   $.ajax({
      url : "leaveSave.action",
      type : "post",
      dataType : "json",
      data: param,
      success : function(result) {
if(result=='success') {
location.href='allRequisitionList.action';
} else if(result.startWith("error_")){
$("#errorMessage").html(result.substring(6));
} else {
//        JSON  
var jsonObj = eval('('+result+')');
startTime = $("#startdate").val();
endTime = $("#enddate").val();
hour = jsonObj.hour;
reason = jsonObj.reason;

replaceDom(startTime,endTime,hour,reason);
}
}
});
}); 

ajax 로 폼 을 제출 하고 싶 으 면 jquery 의 vaidate 로 검증 하고 싶 습 니 다. 이렇게 해결 할 수 있 습 니 다. 폼 은 정상적으로 작 성 된 폼 내용 이 고 type 은 submit 형식 입 니 다. vaidate 인증 이 통 과 된 방법 에서 ajax 로 폼 을 제출 합 니 다.

$("#saveWorkExtra").validate({
onsubmit:true,//         
onfocusout:false,//           
onkeyup :false,//           

rules: {
....
},
messages:{
....
},
submitHandler: function(form) {  //      
     var param = $("#saveToWorkExtra").serialize();
     $.ajax({
url : "workExtraChange.action",
type : "post",
dataType : "json",
data: param,
success : function(result) {
if(result=='success') {
          location.href='allRequisitionList.action';
} else {
          var jsonObj = eval('('+result+')');
}
}
     });
         },
         invalidHandler: function(form, validator) {  //     
       return false;
          }
});