提交将数据注释与 div/jquery 一起使用的 MVC3 表单答案

【问题标题】：Submit MVC3 form that uses Data Annotations with div/jquery提交将数据注释与 div/jquery 一起使用的 MVC3 表单
【发布时间】：2012-05-15 01:31:57
【问题描述】：

所以，我在页面上有一个表单，我使用输入 type="submit" 来注册用户。添加数据注释，一些自定义的，一些内置的之后，我想自定义输入提交按钮的外观，却发现我无法让它与页面上的其他按钮相匹配，这些按钮只是 div/链接。所以，我想把它做成一个div，在提交之前使用jquery提交表单和调用数据注释的内置和自定义jquery。我试过这个：

@using (Html.BeginForm("Index", "Register", FormMethod.Post, new { @id = "registerForm" })) {

}

$("#registerSubmit").onclick(function () { $("#registerForm").submit(); });

但是，这对我不起作用。有没有办法正确提交和调用DA代码？

【问题讨论】：

标签： jquery asp.net-mvc-3 forms submit data-annotations

【解决方案1】：

这就是我用来实现相同目标的方法

$(document).ready(function () {

    var submitButton = document.getElementById("registerSubmit");

    submitButton.onclick = function (event) {
        // do cool stuff before submit like validation or confirmations, whatever
        if ($(this).valid()) {
            // more cool stuff
            $("#registerForm").submit();
        }
        return false;
    };
});

【讨论】：

valid() 很简单，这正是我所需要的。谢谢！要使用所有 jquery，我做了： $("#registerSubmit").click(function () { if ($("#registerForm").valid()) { $("#registerForm").submit(); } });