ASPNET MVC 3 不显眼且客户端验证无法与 placeHolder jQuery 插件一起使用

发布于 2024-12-14 17:06:29 字数 1303 浏览 3 评论 0原文

我正在尝试对 ASPNET MVC 3 项目和 placeHolder jQuery 插件使用不显眼的验证，如下所示：

[StringLength(20)]
[OnlyNumbersValidation(ErrorMessage = " ")]
[DisplayName("Fax n°")]
public string Fax { get; set; }

@Html.TextBoxFor(model => model.Fax, new { @class = "txt-input", placeholder = "Eg. Fax n°", maxlength = 31 })
@Html.ValidationMessageFor(model => model.Fax, "*", new { @class = "redtxt" })


public class OnlyNumbersValidationAttribute : RegularExpressionAttribute, IClientValidatable
{
    public OnlyNumbersValidationAttribute()
        : base(@"^\d+$")
    {
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        {
            var errorMessage = FormatErrorMessage(metadata.GetDisplayName());

            yield return new OnlyNumbersValidationRule(errorMessage);
        }
    }

    public class OnlyNumbersValidationRule : ModelClientValidationRule
    {
        public OnlyNumbersValidationRule(string errorMessage)
        {
            ErrorMessage = errorMessage;
            ValidationType = "digits";
        }
    }
}

问题是 MVC 3 和 placeHolder 插件之间的交互，因为如果我不输入任何值（并且 placeHolder 显示为文本“Eg.传真 n°” 它“认为”我输入了无效的输入，因为该文本由字母组成，而不仅仅是数字。

知道如何解决它吗？

提前致谢！吉列尔莫。

原文

I'm trying to use unobstrusive validation with ASPNET MVC 3 project and placeHolder jQuery plugin like this:

[StringLength(20)]
[OnlyNumbersValidation(ErrorMessage = " ")]
[DisplayName("Fax n°")]
public string Fax { get; set; }

@Html.TextBoxFor(model => model.Fax, new { @class = "txt-input", placeholder = "Eg. Fax n°", maxlength = 31 })
@Html.ValidationMessageFor(model => model.Fax, "*", new { @class = "redtxt" })


public class OnlyNumbersValidationAttribute : RegularExpressionAttribute, IClientValidatable
{
    public OnlyNumbersValidationAttribute()
        : base(@"^\d+$")
    {
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        {
            var errorMessage = FormatErrorMessage(metadata.GetDisplayName());

            yield return new OnlyNumbersValidationRule(errorMessage);
        }
    }

    public class OnlyNumbersValidationRule : ModelClientValidationRule
    {
        public OnlyNumbersValidationRule(string errorMessage)
        {
            ErrorMessage = errorMessage;
            ValidationType = "digits";
        }
    }
}

The problem is the interaction between MVC 3 and placeHolder plugin, since if I enter no value (and the placeHolder is shown with the text "Eg. Fax n°" it "thinks" that I entered an invalid input because that text is composed with letters and not only numbers.

Any idea how to fix it?

Thanks in advance! Guillermo.

分享到QQ

分享到微博