这问题我之前踩过坑，本质是MVC的非侵入式验证和jQuery Validate的初始化逻辑冲突导致的，咱们一步步来搞定它：

1. 先搞定脚本捆绑的正确顺序 #

首先必须保证脚本加载顺序绝对正确，这是基础：

• 先加载jQuery核心库
• 再加载jquery.validate.js
• 最后加载jquery.validate.unobtrusive.js

把你的捆绑配置改成明确指定文件（避免通配符可能导致的顺序混乱）：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
    "~/Scripts/jquery.validate.js",
    "~/Scripts/jquery.validate.unobtrusive.js"));

然后在视图里按顺序引用：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")

2. 调整自定义验证的写法，避免覆盖非侵入式实例 #

MVC的非侵入式验证会自动为带data-val="true"的表单创建一个validator实例，如果你直接调用$("#paaForm").validate({ ... })，会完全覆盖这个实例，导致MVC的模型验证规则丢失；反过来，如果非侵入式验证后初始化，你的自定义规则会被覆盖。

正确的做法是直接修改已有的validator实例：

$(function () {
    // 获取非侵入式验证已经初始化好的validator实例
    var validator = $("#paaForm").data("validator");
    
    // 添加或修改自定义规则（这里给testMe加必填验证）
    validator.settings.rules.testMe = {
        required: true
    };
    
    // 可选：自定义错误消息
    validator.settings.messages.testMe = {
        required: "请填写此字段"
    };

    // 保留你的提交按钮点击逻辑
    $('#btnSubmit').on('click', submit);

    function submit() {
        if (!$("#paaForm").valid()) {
            return;
        }
        // 这里写表单提交的业务逻辑
    }
});

如果需要添加自定义验证方法（比如内置规则之外的），可以用下面的方式，同时兼容MVC模型验证和自定义代码：

// 先定义自定义验证方法
$.validator.addMethod("minLengthCustom", function(value, element) {
    return value.length >= 6;
}, "输入内容不能少于6个字符");

// 注册非侵入式适配器，让模型属性也能使用这个规则
$.validator.unobtrusive.adapters.add("minlengthcustom", [], function(options) {
    options.rules["minLengthCustom"] = true;
    options.messages["minLengthCustom"] = options.message;
});

3. 确认表单元素的name属性正确 #

jQuery Validate是基于name属性识别字段的，你的输入框已经设置了name="testMe"，这一点没问题，不用改。

为什么之前的写法会冲突？ #

当你捆绑包含jquery.validate.unobtrusive.js时，它会在DOM加载完成后自动扫描表单，调用validate()初始化验证器，还会设置默认的错误显示样式等配置。如果你之后再调用$("#paaForm").validate()，会重新创建一个验证器，直接覆盖掉非侵入式的所有规则；如果先调用自定义的validate()，非侵入式的初始化又会覆盖你的规则，两边总有一边失效。

通过直接修改已有的validator实例，就能同时保留MVC的模型验证规则和你的自定义验证逻辑啦。

内容的提问来源于stack exchange，提问作者Dmytro