JQuery自定义验证属性MVC核心

时间:2017-07-12 13:31:54

标签: asp.net-core-mvc kendo-asp.net-mvc unobtrusive-validation validationattribute

我尝试添加自定义属性以验证空白区域所需的字段和修剪值。

所以这是我的自定义属性:

[AttributeUsage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)]
public class CustomRequired : ValidationAttribute, IClientModelValidator
{
    public CustomRequired()
    {
        ErrorMessage = new ResourceManager(typeof(ErrorResource)).GetString("All_Required");
    }

    public void AddValidation(ClientModelValidationContext context)
    {
        if (context == null)
            throw new ArgumentNullException(nameof(context));

        MergeAttribute(context.Attributes, "data-val", "true");
        MergeAttribute(context.Attributes, "data-val-customrequired", ErrorMessage);
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        return value.ToString().Trim().Length > 0 ? ValidationResult.Success : new ValidationResult(ErrorMessage);
    }

    private static bool MergeAttribute(IDictionary<string, string> attributes, string key, string value)
    {
        if (attributes.ContainsKey(key))
        {
            return false;
        }
        attributes.Add(key, value);
        return true;
    }
}

在这里我如何添加(或尝试):

$(document).ready(function () {
    $.validator.addMethod("customrequired", function (value, element, parameters) {
        return $.trim(value).length > 0;
    });
    $.validator.unobtrusive.adapters.addBool('customrequired');
});

并在viewmodel中将其设置为属性:

[CustomRequired]
public string Code { get; set; }

我的问题是它没有任何客户端验证,而函数在jQuery验证器中...... ModelState无效,因此控制器拒绝它但我想要客户端验证。

控制台:

enter image description here

enter image description here

修改:

我忘了说我正在使用剑道......请参阅下面我自己的答案。

1 个答案:

答案 0 :(得分:1)

我忘了说我正在使用剑道......

我的代码可以使用经典验证,但不能使用kendo编辑弹出窗口。 :/

因此,对于那些遇到相同问题的人来说,这是解决方案,请在您的javascript中写下,而不是将其添加到$.validator

(function ($, kendo) {
    $.extend(true, kendo.ui.validator, {
        rules: {
            customrequired: function (input) {
                if (input.is("[data-val-customrequired]")) {
                    return $.trim(input.val()).length > 0;
                }
                return true;
            }
        },
        messages: {
            customrequired: function (input) {
                return input.attr("data-val-customrequired");
            }
        }
    });
})(jQuery, kendo);