范围功能的ASP.NET MVC客户端验证问题

Question

我有一个ASP.NET MVC5应用程序，这是我的视图模型：

    [RegularExpression("[0-9]+(,[0-9]+)*"]
    [Range(1, double.MaxValue, ErrorMessage = "value is not correct")]
    [Required]
    [DisplayFormat(DataFormatString = "{0:0,0}", ApplyFormatInEditMode = true, HtmlEncode = true)]
    public double? Amount { get; set; }

和我的看法：

<div class="col-sm-8">
     @Html.EditorFor(m => m.Amount, new { @class = "form-control font-num numbers", maxlength = "10" })
     @Html.ValidationMessageFor(m => m.Amount, "", new { @class = "text-danger" })
</div>

唯一值得注意的是，我在视图中每三位使用逗号分隔符来格式化数字。

例如：123456789 => 123,456,789

我知道我应该使用自定义模型绑定程序进行服务器端验证，并为range（）和number（）函数覆盖jquery.validate.js文件中的默认实现。

所以我做了如下：

public class DoubleModelBinder : IModelBinder
{
    /// <summary>
    /// Binds the value to the model.
    /// </summary>
    /// <param name="controllerContext">The current controller context.</param>
    /// <param name="bindingContext">The binding context.</param>
    /// <returns>The new model.</returns>
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        var culture = GetUserCulture(controllerContext);

        string value = bindingContext.ValueProvider
                           .GetValue(bindingContext.ModelName)
                           .ConvertTo(typeof(string)) as string;

        double result = 0;
        double.TryParse(value, NumberStyles.Any, culture, out result);

        return result;
    }

    /// <summary>
    /// Gets the culture used for formatting, based on the user's input language.
    /// </summary>
    /// <param name="context">The controller context.</param>
    /// <returns>An instance of <see cref="CultureInfo" />.</returns>
    public CultureInfo GetUserCulture(ControllerContext context)
    {
        var request = context.HttpContext.Request;
        if (request.UserLanguages == null || request.UserLanguages.Length == 0)
            return CultureInfo.CurrentUICulture;

        return new CultureInfo(request.UserLanguages[0]);
    }
}

对于客户端验证：

$.validator.methods.range = function (value, element, param) {
var globalizedValue = value.replace(",", "");
return this.optional(element) || (globalizedValue >= param[0] && globalizedValue <= param[1]);}

$.validator.methods.number = function (value, element) {
return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:[\s\.,]\d{3})+)(?:[\.,]\d+)?$/.test(value);}

服务器端验证工作良好，但客户端验证无法正常工作，我总是收到“值不正确”错误验证。 如果我忽略[Range（1，double.MaxValue，ErrorMessage =“值不正确”））属性，它将很好地工作，但是用户可以在该字段中输入零。 我的客户端验证有什么问题？

Answer 1

花了很多时间并跟踪了range（）函数之后，我终于发现我应该使用：

var globalizedValue = value.replace(new RegExp(",", "g"), "");

代替

var globalizedValue = value.replace(",", "");

因为我有多个逗号（例如：123,456,789），并且默认的.replace（）行为是仅替换第一个匹配项。

我的错误是我在此博客中使用了解决方案，而我的问题有所不同。 我使用逗号作为每三位数的分隔符，而不是十进制分隔符。 所以我有多个逗号，默认的replace（）方法不合适。 实际上， RegExp（“，”，“ g”）替换了所有出现的内容。