jquery - 提交使用带有 div/jquery 的数据注释的 MVC3 表单

Question

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

@using (Html.BeginForm("Index", "Register", FormMethod.Post, new { @id = "registerForm" })) { <div id="registerSubmit" class="divSubmit"> <a>注册</a> </div>}

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

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

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