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;
}
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
