表单验证不提交

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; 
});