使用带有jquery.validate.unobtrusive.js的asp.net mvc3来验证表单和changebutton

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">

我想在提交之前进行客户端验证。如果提交有效，则commitbutton更改其颜色并自行散布，调用： function changeBtnColor(obj) { obj.css("background-color", "#A9A9A9"); obj.attr("disabled", "disabled"); } function changeBtnColor(obj) { obj.css("background-color", "#A9A9A9"); obj.attr("disabled", "disabled"); } 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>