Question

我有一个ASP.NET MVC5应用程序，这是我的viewmodel：

    [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 =＆gt; 123456789

我知道我应该使用自定义模型绑定器进行服务器端验证，并覆盖范围（）和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 =＆＃34; value is not correct＆＃34;）]属性，它运行良好，但用户可以为此字段输入零。我的客户端验证有什么问题？

Answer 1

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

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

而不是

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

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

我的错误是我在this博客中使用了解决方案，而我的问题则不同。我使用逗号作为分隔符每三位数，而不是小数点分隔符。所以我有多个逗号并且默认的replace（）方法不合适。事实上，RegExp(",", "g")取代了所有事件。

范围函数的ASP.NET MVC客户端验证问题

1 个答案: