You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用jQuery修改ASP.NET/ASP.NET Core默认验证提示信息?

实现.NET内置表单验证提示的动态替换(jQuery)

完全可以实现,下面提供几种实用方案:

方案1:提交后直接修改DOM提示文本

表单提交触发验证后,直接定位到生成的错误提示元素替换内容:

$('form').submit(function(e) {
    // 先执行默认验证逻辑
    if (!$(this).valid()) {
        // 替换ClientName字段的错误提示
        $('#ClientName-error').text('请填写客户名称');
        // 按需阻止表单提交
        e.preventDefault();
    }
});

方案2:修改jQuery Validation的验证消息(全局/字段级)

ASP.NET客户端验证基于jQuery Validation插件,直接修改插件消息配置,可让所有触发验证的场景(包括实时校验)都使用自定义提示:

字段级自定义

$(function() {
    // 为ClientName字段覆盖required规则的提示
    $('#ClientName').rules('add', {
        required: true,
        messages: {
            required: '请填写客户名称'
        }
    });
});

全局规则覆盖

若要统一替换所有required验证的提示:

$(function() {
    $.validator.messages.required = '请填写此字段';
});

方案3:通过验证错误事件统一处理

利用jQuery Validation的invalidHandler事件,在验证失败时批量修改指定字段的提示:

$('form').validate({
    invalidHandler: function(event, validator) {
        // 遍历所有验证错误
        $.each(validator.errorList, function(index, error) {
            if (error.element.id === 'ClientName') {
                // 修改错误消息内容
                error.message = '请填写客户名称';
                // 更新页面上的提示文本
                $(error.element).next('.field-validation-error').find('span').text(error.message);
            }
        });
    }
});

注意事项

  • 确保页面已正确加载jQuery和jQuery Validation脚本(ASP.NET MVC/Razor通常会自动引入,手动引入需保证顺序:先jQuery,再Validation)
  • 方案2是更推荐的方式,从验证规则层面修改提示,适配所有触发验证的场景;方案1仅针对提交后的DOM修改,适合临时替换需求

内容的提问来源于stack exchange,提问作者Xiao Han

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 20:05:19