我有一個與jQuery驗證(測試示例)的形式。一切都「好」,直到沒有更多的驗證錯誤,然後阻止表單提交。在我看來,代碼中的一切似乎都很好,但不起作用。有任何想法嗎?謝謝。jQuery驗證 - 東西阻止提交的形式
我的代碼:
$(document).ready(function() {
$("#submit").click(function (event) {
event.preventDefault();
$("#dialog-input").html("");
var input1 = $('#input1').val();
var input2 = $('#input2').val();
var input3 = $('#input3').val();
var valid = true;
if (input1 == ""){
$('.in1').removeClass('valid').addClass('error');
$("#dialog-input").append("<p>Empty Input 1</p>");
valid = false;
}
else { $('.in1').removeClass('error').addClass('valid'); }
if (input2 == "") {
$('.in2').removeClass('valid').addClass('error');
$("#dialog-input").append("<p>Empty Input 2</p>");
valid = false;
}
else { $('.in2').removeClass('error').addClass('valid'); }
if (input3 == "") {
$('.in3').removeClass('valid').addClass('error');
$("#dialog-input").append("<p>Empty Input 3</p>");
valid = false;
}
else { $('.in3').removeClass('error').addClass('valid'); }
if(!valid){
$(function() {
$("#dialog-input").dialog({
modal: true,
buttons: {
Ok: function() {
$(this).dialog("close");
}
}
});
});
}
else{ return valid; }
});
});
工作的jsfiddle:https://jsfiddle.net/nitadesign/rwe2ywrs/7/
的jsfiddle只是一個較短整個腳本和形式的版本。
ü[R使用'event.preventDefault();'所以,其中rüsubmiting? – Iceman
你的邏輯錯誤。您正在通過使用'event.preventDefault();'來防止表單被冒險。你想要的是如果有效或無效,則返回true。 https://jsfiddle.net/rwe2ywrs/11/ –