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

表格验证无需提交

2 个答案: