c# - 使用带有 jquery.validate.unobtrusive.js 的 asp.net mvc3 来验证表单和更改按钮

Question

我正在使用 mvc3 并使用这样的模型验证：

    public class ColumnVM {
    [Required(ErrorMessage = "Required")]
    public string Name { get; set; }}

我想用模型验证做客户端验证。我的html是：

@using(Html.BeginForm("AddColumn","Column",FormMethod.Post))
@html.TextBoxFor(model=>model.Name)
@Html.ValidationMessageFor(model=>model.Name)
<input type="submit" value="submit" style="background-color:blue">

我想在提交之前进行客户端验证。如果提交有效，则提交按钮更改其颜色并禁用自身调用：function changeBtnColor(obj) { obj.css("background-color", "#A9A9A9"); obj.attr("disabled", "disabled"); } 如果没有，请不要更改其颜色并且不要禁用，并显示验证错误消息。当 jquery.validate.unobtrusive.js 存在时，我不能再使用 $("form").validate() 了。我怎样才能完成这项任务？

Answer 1

在 jquery、jquery validate 和 jquery validate 不显眼的脚本之后包含这个脚本

<script>
    $(function () {
        $("form").validate().settings.submitHandler = function (form) {
            alert('valid form');
            // do your stuff here
            form.submit();
        }
    });
</script>