使用客户端非侵入式验证,是否可以显示单个输入的所有错误?

时间:2019-06-27 14:15:54

标签: jquery asp.net-mvc

我想显示一个输入的所有客户端模型验证错误的列表,但是一次只显示一个错误。

我尝试使用“ asp-validation-summary”显示全部错误列表,但是要求用户在显示错误之前将数据提交到服务器。

<input asp-for="Password" class="form-control" />
<span asp-validation-for="Password" class="text-danger"></span> 

<script type="text/javascript">
$.validator.addMethod('numeric',
  function (value, element, params) {
        var regex = new RegExp(/\d/);
        if (regex.test(value)) {
            return true;  
        } else {
            return false; 
        };
});
$.validator.unobtrusive.adapters.add('numeric',
function (options) {
    var element = $(options.form).find('input#Password')[0];
    options.rules['numeric'] = [element];
    options.messages['numeric'] = options.message;
    });

$.validator.addMethod('uppercase',
  function (value, element, params) {
        var regex = new RegExp(/(?=.*[A-Z])/);
        if (regex.test(value)) {
            return true;  
        } else {
            return false; 
        };
});
$.validator.unobtrusive.adapters.add('uppercase',
function (options) {
    var element = $(options.form).find('input#Password')[0];
    options.rules['uppercase'] = [element];
    options.messages['uppercase'] = options.message;
});
</script>

对于密码“ aaaaa”,我希望看到两条消息都表明没有大写字符和数字字符。当前,仅显示大写消息。

0 个答案:

没有答案