백엔드에 주어진 양식의 유효성을 검사하는 함수가 있지만,이 함수를 사용하고 있으며 양식 제출이 유효하지 않은 동안 완벽하게 작동하지만 양식이 유효하면 백엔드가 문자열 ' 유효 '하고 POST ACTION을 재개하는 양식을 작성해야합니다.
이것은 코드입니다.
$('form.ajaxpost').submit(function(event) {
var valid = true;
event.preventDefault();
var form = $(this);
var sbmtBtn = form.find('input[type=submit]');
var sbmtBtnTxt = sbmtBtn.val();
sbmtBtn.val('Validating ...').attr('disabled', 'disabled');
$.post("/application/index/validate-form", form.serialize() + '&formname=' + form.attr('name'), function(data) {
if (data != 'valid') {
valid = false;
$('body').find('script').append(data);
$('html, body').animate({scrollTop: $(".has-error:first").offset().top}, 800);
sbmtBtn.val(sbmtBtnTxt).attr('disabled', null);
return false;
}
form.trigger('submit');
})
});
'유효한'을 반환하면 양식은 계속해서 '제출'을 트리거합니다.
이벤트를 방지하고 양식을 다시 제출할 방법이없는 것 같습니다. 그래서 그것이 작동하는 방식은 금지 된 기본 제출이 아닌 유효성 검사 후 AJAX를 통해 양식을 게시하는 것입니다 :) 여기에 작업 코드가 있습니다.
$('form.ajaxpost').submit(function(event) {
event.preventDefault();
var form = $(this);
var sbmtBtn = form.find('input[type=submit]');
var sbmtBtnTxt = sbmtBtn.val();
sbmtBtn.val('Validating ...').attr('disabled', 'disabled');
$.post("/application/index/validate-form", form.serialize() + '&formname=' + form.attr('name'), function(data) {
if (data != 'valid') {
$('body').find('script').append(data);
$('html, body').animate({scrollTop: $(".has-error:first").offset().top}, 800);
sbmtBtn.val(sbmtBtnTxt).attr('disabled', null);
return false;
} else {
$.post(form.attr('action'), form.serialize());
window.location = form.attr('action');
}
})
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다