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

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为你。