jquery驗證不會停止提交形式

Question

我在這裏撕掉我的頭髮試圖獲得一個jQuery驗證與我的表單很好地發揮。

驗證似乎沒有工作。表單只是提交給頁面。我可以簡要地看到出現的驗證錯誤消息的頁面提交之前...

我的代碼：

//HTML form 
<form id="form_scheduleEvent" name="form_scheduleEvent"> 
    <label for="name">Name:</label><input class="short" type="text" name="name" id="name" /> 
    <label for="address">Address:</label><input type="text" name="address" id="address" /> 
    <label for="phone">Phone:</label><input type="text" name="phone" id="phone" /> 
    <label for="comments">Comments:</label><textarea name="comments" id="comments" /></textarea> 
    <input type="submit" id="submitRequest" value="Add"/> 
</form> 


//jquery 
//Validation rules 
$('#form_scheduleEvent').validate({ 
rules: { 
    name : {required: true, maxlength: 45}, 
    address : {required: true, maxlength: 45}, 
    phone : "required" 
} 
}); 


$('#submitRequest').click(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "common/ajax_event.php", 
     data: formSerialized, 
     timeout:3000, 
     error:function(){alert('Error');}, 
     success: function() {alert('It worked!');} 
    }); 

return false; 
}); 

我試圖更新到這兩個jQuery和jquery.validation的最新版本....

任何幫助，將不勝感激！謝謝。

更新

//The validation is working, but I can't even get the alert to show.... 
$('#form_scheduleEvent').validate({ 
rules: { 
    name : {required: true, maxlength: 45}, 
    address : {required: true, maxlength: 45}, 
    phone : "required", 
    submitHandler: function(){ 
    alert('test'); 
    } 
} 
}); 

Answer 1

謝謝大家的回覆。

我最終包裝的我在下面的代碼原有代碼Ajax調用部分：

if($('#form_scheduleEvent').valid() == true){ 
    //Process ajax request... 
} 
return false; 

Answer 2

你應該將你的AJAX提交通話將被提交回調的驗證插件發射了：

$('#form_scheduleEvent').validate({ 
rules: { 
    name : {required: true, maxlength: 45}, 
    address : {required: true, maxlength: 45}, 
    phone : "required", 
    submitHandler: function(form) { DoSubmit(); } 
} 
}); 


function DoSubmit(){ 
    $.ajax({ 
     type: "POST", 
     url: "common/ajax_event.php", 
     data: formSerialized, 
     timeout:3000, 
     error:function(){alert('Error');}, 
     success: function() {alert('It worked!');} 
    } 

Answer 3

正如Grillz說你提交併單獨確認，你應該在你的點擊事件中明確地調用驗證來執行它。

或反之亦如Paddy顯示！ ;）

Answer 4

您在驗證檢查之外調用表單提交。你可能會想要這樣的事情：

$('#form_scheduleEvent').validate({ 
rules: { 
    name : {required: true, maxlength: 45}, 
    address : {required: true, maxlength: 45}, 
    phone : "required", 
    success: function() { 
     $.ajax({ 
     type: "POST", 
     url: "common/ajax_event.php", 
     data: formSerialized, 
     timeout:3000 
     } 
    } 
}); 

Answer 5

，如果你把不具有匹配方法的規則就會發生這種情況，看到&投票給我錯誤報告。 https://github.com/jzaefferer/jquery-validation/issues/1212

Answer 6

我同意與Josh Ribakoff 見的bug在：https://github.com/jzaefferer/jquery-validation/issues/1212

Answer 7

​​

提交處理程序應該是外面的規則。 :-)