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

标签 c# asp.net-mvc-3 jquery-validate

我正在使用 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("背景颜色", "#A9A9A9"); obj.attr("已禁用", "已禁用"); 如果不是,请不要更改其颜色,也不要禁用它,并显示验证错误消息。 当 jquery.validate.unobtrusive.js 存在时,我不能再使用 $("form").validate() 了。我该如何完成这项任务?

最佳答案

在 jquery、jquery validate 和 jquery validate unobtrusive 脚本之后包含此脚本

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

关于c# - 使用带有 jquery.validate.unobtrusive.js 的 asp.net mvc3 来验证表单和 changebutton,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16057346/

相关文章:

与 ckeditor 集成的文本区域的 jquery 验证

c# - async/await - 我使用了错误的同步上下文吗?

C# 如何使应用程序在删除应用程序文件后继续运行

c# - 确定列表框项目的来源

c# - 从数据库中检索用户并转换为用户对象

javascript - jQuery 使用路径参数验证远程选项

c# - 从列表创建数据源

asp.net-mvc-3 - MVC 3 - 其他 View 数据未出现在模板编辑器中

ajax - 使用 MVC 3 ajax 样式上传文件

asp.net - 如果有多个按钮,如何将 jquery 验证仅与一个按钮关联?