jquery驗證：防止表單提交

Question

通過使用jQuery插件驗證，我試圖，以及驗證我的表單。當驗證通過時，我想要一個JavaScript與表單中的值一起觸發，然後停止。沒有實際的表單提交瀏覽到一個新的/相同的網站。

這是可能的jQuery驗證？

Answer 1

你可以試試這個（Example）：

$(function(){ 
    $("#myform").validate();  
    $("#myform").on('submit', function(e) { 
     var isvalid = $("#myform").valid(); 
     if (isvalid) { 
      e.preventDefault(); 
      alert(getvalues("myform")); 
     } 
    }); 
}); 

function getvalues(f) 
{ 
    var form=$("#"+f); 
    var str=''; 
    $("input:not('input:submit')", form).each(function(i){ 
     str+='\n'+$(this).prop('name')+': '+$(this).val(); 
    }); 
    return str; 
} 

Answer 2

是：

$("form").submit(function(event) { 
    if (somethingIsInvalid) { 
     event.preventDefault(); 
    } 
}); 

Answer 3

有一個叫.valid（）的方法的情況下，返回真有你沒有錯誤形成，所以你可以用這個先驗證，然後把此形式的文檔是

http://docs.jquery.com/Plugins/Validation/valid

Answer 4

$("#form").validate({ 
    rules: {...}, 
    submitHandler: function(form, event) { 
    event.preventDefault(); 
    alert("Do some stuff..."); 
    //submit via ajax 
    } 
});