Question

我希望jQuery validate的maxlength验证显示如下错误消息：

“请输入不超过{0}个字符。您当前输入了{1}个字符。”

{1}是实际金额的占位符。最好的方法是什么？

Answer 1

我认为没有一种简单的方法可以做到这一点，但我找到了一个解决方法。我想你可以为那个领域编写自己的验证器，但这可能更简单。

首先更改maxlength错误的默认消息：

$.extend($.validator.messages, {  
    maxlength: $.validator.format("Please enter no more than {0} characters. You've currently entered CHARS_NO characters.")
});

像往常一样保持验证，但添加此功能：

$('input').keyup(function () {
    var rules = $(this).rules();
    if (rules.maxlength !== undefined && !$(this).valid()) {
        var errorLabel = $('label[for=' + $(this).attr('id') + '][generated=true].error');
        errorLabel.text(errorLabel.text().replace('CHARS_NO', $(this).val().length));
        return false;
    }
});

这是你的working demo。

Answer 2

我不确定您是如何触发验证的，但maxlength上的input属性将阻止用户输入的字符多于该值所指示的字符数。因此，没有必要通知用户他们输入的字符多于maxlength，因为他们根本无法做到。

您能提供其他背景和/或详细信息吗？

如何使用jQuery validate自定义maxlength的错误消息以显示输入的字符数

2 个答案: