如何在@Html帮助程序生成的MVC中更改"data-val-number"消息验证

Question

假设这个模型:

Public Class Detail
    ...
    <DisplayName("Custom DisplayName")>
    <Required(ErrorMessage:="Custom ErrorMessage")>
    Public Property PercentChange As Integer
    ...
end class

和观点:

@Html.TextBoxFor(Function(m) m.PercentChange)

将继续这个HTML:

   <input data-val="true" 
    data-val-number="The field 'Custom DisplayName' must be a number." 
    data-val-required="Custom ErrorMessage"     
    id="PercentChange" 
    name="PercentChange" type="text" value="0" />

我想自定义data-val-number我猜测生成的错误消息,因为它PercentChange是一个Integer.我正在寻找这样一个属性来改变它,range或者任何相关的不起作用.
我知道有可能编辑不显眼的js文件本身或在客户端覆盖它.我想像data-val-number服务器端的其他人一样更改错误消息.

Answer 1

您可以在渲染字段时通过自己提供data-val-number属性来覆盖该消息.这会覆盖默认消息.这至少适用于MVC 4.

@ Html.EditorFor(model => model.MyNumberField,new {data_val_number ="提供一个整数,伙计!"})

请记住,您必须在Razor的属性名称中使用下划线来接受您的属性.

Answer 2

你要做的是:

里面添加以下代码Application_Start()中Global.asax:

 ClientDataTypeModelValidatorProvider.ResourceClassKey = "Messages";
 DefaultModelBinder.ResourceClassKey = "Messages";

在VS中右键单击您的ASP.NET MVC项目.选择Add => Add ASP.NET Folder => App_GlobalResources.

添加在该文件夹中.resx调用Messages.resx的文件.

在.resx文件中添加以下字符串资源:

FieldMustBeDate        The field {0} must be a date.
FieldMustBeNumeric     The field {0} must be a number.
PropertyValueInvalid   The value '{0}' is not valid for {1}.
PropertyValueRequired  A value is required.

FieldMustBeNumeric根据需要更改值... :)

你完成了.

查看此帖子了解更多详情:

在ASP.NET MVC和WebForms中本地化默认错误消息

Answer 3

这不容易.默认消息作为嵌入资源存储到System.Web.Mvc程序集中,而获取的方法是内部密封内部类(System.Web.Mvc.ClientDataTypeModelValidatorProvider+NumericModelValidator.MakeErrorString)的私有静态方法.这就好像微软编码的那个人隐瞒了一个绝密:-)

您可以查看以下博客文章,其中介绍了可能的解决方案.您基本上需要使用自定义ClientDataTypeModelValidatorProvider替换现有的ClientDataTypeModelValidatorProvider.

如果您不喜欢需要执行的硬核编码,您还可以使用字符串替换视图模型中的此整数值,并在其上具有自定义验证属性,该属性将执行解析并提供自定义错误消息(甚至可以本地化).

Answer 4

作为替代方法,我应用RegularExpression属性来捕获无效条目并在那里设置我的消息:

[RegularExpression(@"[0-9]*$", ErrorMessage = "Please enter a valid number ")]

这有点像黑客,但这似乎比其他解决方案所呈现的复杂性更好,至少在我的特定情况下.

编辑:这在MVC3中运行良好,但似乎可能有更好的MVC4 +解决方案.

Answer 5

从我有关MVC 3的这本书.你所要做的就是:

public class ClientNumberValidatorProvider : ClientDataTypeModelValidatorProvider 
{ 
   public override IEnumerable<ModelValidator> GetValidators(ModelMetadata metadata, 
                                                          ControllerContext context) 
   { 
       bool isNumericField = base.GetValidators(metadata, context).Any(); 
       if (isNumericField) 
           yield return new ClientSideNumberValidator(metadata, context); 
   } 
} 

public class ClientSideNumberValidator : ModelValidator 
{ 
  public ClientSideNumberValidator(ModelMetadata metadata,  
      ControllerContext controllerContext) : base(metadata, controllerContext) { } 

  public override IEnumerable<ModelValidationResult> Validate(object container) 
  { 
     yield break; // Do nothing for server-side validation 
  } 

  public override IEnumerable<ModelClientValidationRule> GetClientValidationRules() 
  { 
     yield return new ModelClientValidationRule { 
        ValidationType = "number", 
        ErrorMessage = string.Format(CultureInfo.CurrentCulture,  
                                     ValidationMessages.MustBeNumber,  
                                     Metadata.GetDisplayName()) 
        }; 
  } 
} 

protected void Application_Start() 
{ 
    // Leave the rest of this method unchanged 

    var existingProvider = ModelValidatorProviders.Providers 
        .Single(x => x is ClientDataTypeModelValidatorProvider); 
    ModelValidatorProviders.Providers.Remove(existingProvider); 
    ModelValidatorProviders.Providers.Add(new ClientNumberValidatorProvider()); 
} 

注意如何产生ErrorMessage,指定当前文化,并从ValidationMessages(这里是文化细节).resx资源文件中提取本地化消息.如果您不需要,只需将其替换为您自己的消息即可.

Answer 6

这是另一个解决方案,它更改了消息客户端而没有更改MVC3源.此博客文章中的完整详细信息:

https://greenicicle.wordpress.com/2011/02/28/fixing-non-localizable-validation-messages-with-javascript/

简而言之,您需要做的是在加载jQuery验证之后包含以下脚本以及相应的本地化文件.

(function ($) {
    // Walk through the adapters that connect unobstrusive validation to jQuery.validate.
    // Look for all adapters that perform number validation
    $.each($.validator.unobtrusive.adapters, function () {
        if (this.name === "number") {
            // Get the method called by the adapter, and replace it with one 
            // that changes the message to the jQuery.validate default message
            // that can be globalized. If that string contains a {0} placeholder, 
            // it is replaced by the field name.
            var baseAdapt = this.adapt;
            this.adapt = function (options) {
                var fieldName = new RegExp("The field (.+) must be a number").exec(options.message)[1];
                options.message = $.validator.format($.validator.messages.number, fieldName);
                baseAdapt(options);
            };
        }
    });
} (jQuery));

Answer 7

您可以将类设置ResourceKey为ClientDataTypeModelValidatorProvider全局资源的名称，其中包含FieldMustBeNumeric用您的自定义消息替换数字的 MVC 验证错误消息的键。日期验证错误消息的关键也是FieldMustBeDate.

ClientDataTypeModelValidatorProvider.ResourceKey="MyResources"; // MyResource is my global resource

有关如何将文件添加到项目的更多详细信息，请参见此处MyResources.resx：