ASP.NET MVC非侵入式验证问题：表单未验证即提交至Azure Logic App

嘿，我之前也踩过非侵入式验证失效的坑，咱们一步步排查解决：

1. 先确认必需的脚本文件是否正确引入 #

非侵入式验证依赖jQuery和验证脚本，顺序绝对不能错——先加载jQuery，再加载验证核心脚本，最后加载非侵入式适配脚本。你可以在视图底部检查是否有类似引用：

<script src="~/Scripts/jquery-3.6.0.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

如果脚本路径不对或者漏了某一个，验证逻辑根本跑不起来。

2. 检查Web.config的验证开关 #

确保配置文件里的非侵入式验证是开启状态，在<appSettings>节点里加上这两项：

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

要是这俩设成false，前端验证直接就被禁用了。

3. 表单提交逻辑必须先做验证判断 #

如果是自定义提交（比如直接发请求到Azure Logic App），绝对不能跳过验证步骤。比如用AJAX提交的话，要先调用$(form).valid()检查状态，只有验证通过再执行提交：

$("#contactForm").submit(function(e) {
    e.preventDefault(); // 先阻止默认提交行为
    if ($(this).valid()) { // 验证通过才继续
        // 这里写提交到Azure Logic App的逻辑
        $.ajax({
            url: "你的Logic App触发URL",
            type: "POST",
            data: $(this).serialize(),
            success: function(res) {
                // 处理成功反馈
            },
            error: function(xhr) {
                // 处理错误情况
            }
        });
    }
});

要是你直接给按钮绑了click事件就提交，完全没做验证判断，那肯定会不管验证结果直接发请求。

4. 确保模型验证属性完整、视图输入框用辅助方法生成 #

你贴的代码里RegularExpression没写完，记得补全Email的正则验证，比如：

[DisplayName("Email:")]
[Required(ErrorMessage = "Please enter your email address.")]
[RegularExpression(@"^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$", ErrorMessage = "Please enter a valid email address.")]
public string Email { get; set; }

另外视图里的输入框一定要用Html.TextBoxFor、Html.EditorFor这类辅助方法，它们会自动生成非侵入式验证需要的data-*属性（比如data-val="true"、data-val-required），手动写<input>标签的话，这些属性不会自动加上，验证也会失效。

5. 检查浏览器控制台有没有JS报错 #

按F12打开开发者工具，切到Console标签看看有没有红报错——很多时候验证失效是因为JS报错打断了脚本执行，比如jQuery没加载成功、脚本路径写错之类的。

如果以上步骤都排查完还是有问题，可以把视图里的表单代码和提交相关的JS贴出来，能更精准定位问题~

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