表單驗證不提交

Question

我正在使用.NET MVC 3，DataAnnotations用於客戶端字段驗證。在表單提交中一切正常，但是，表單很長，我們使用「下一步」按鈕在發佈之前顯示和隱藏部分的div。

我想驗證表單，然後在沒有表單提交的情況下更改div。我嘗試了以下的不同變化，但表單總是被提交。

$('#btnNext').click(function (e) { 
    if ($('form').valid()) { 
     $('#div1').hide(); 
     $('#div2').show(); 
     return false; 
    } 
    //return false; 
}); 

任何幫助是極大的讚賞。由於

Answer 1

使用的preventDefault停止提交形式：

$('#btnNext').click(function (e) { 
    e.preventDefault(); 
    if ($('form').valid()) { 
     $('#div1').hide(); 
     $('#div2').show(); 
     return false; 
    } 
    //return false; 
}); 

Answer 2

添加一行e.preventDefault();保持事件行爲正常。

$('#btnNext').click(function (e) { 
    e.preventDefault(); 
    if ($('form').valid()) { 
     $('#div1').hide(); 
     $('#div2').show(); 
     return false; 
    } 
    //return false; 
});