maxlength 的文本输入未使用 jQuery Validate 进行验证

Question

我在使用 jQuery Validate 时遇到了问题。问题是我有一些文本框设置了 maxlength 属性。尽管它们不是必需的，但当为空或空格时它们仍然无法验证。

示例 HTML：

然后， $('#tbx1').valid( ) 返回 false。它不应该返回 true 吗？有没有已知的解决方法？

哦，添加 $('#myform').validate({ignore: '#tbx1' }); 对我来说不太有效，因为我正在使用 ASP.NET 控件及其自动 ID。我知道我可以使用控件的客户端 id 或 Wilco 的 IDOverride 之类的东西，但这不是我喜欢的。

那么，有人吗？谢谢！

Answer 1

这似乎是这个插件的一个错误。
如果通过使用以下代码将方法替换为自定义实现来修复此问题：

$.validator.addMethod("maxlength", function (value, element, len) {
   return value == "" || value.length <= len;
});

Answer 2

我自己在编写一些复杂的表单时遇到了这个问题...

我的解决方案只是创建我自己的 maxlength 方法，我可以使用“maxLen”，它的工作方式几乎与默认方法完全相同，只是名称不同。只需将其粘贴到您的主要验证调用上方（$("#mainform").validate({}); 或任何调用您的表单的内容）。

//Custom Max Length Validation
jQuery.validator.addMethod("maxLen", function (value, element, param) {
    //console.log('element= ' + $(element).attr('name') + ' param= ' + param )
    if ($(element).val().length > param) {
        return false;
    } else {
        return true;
    }
}, "You have reached the maximum number of characters allowed for this field.");

完成后，您可以添加规则，如下所示：

 rules: {
       Message: {
            required: false,
            maxLen: 200
        }
 }

Answer 3

首先，我假设输入有一个“name”属性，并且在您的示例中根本没有显示？如果没有，请尝试这样做，它可能会解决问题。

其次，您是否尝试过明确地将字段设置为不需要的字段，但在验证器对象中设置最大长度？例如：

var rules = {
  'txtbx1': {
    required: false,
    maxlength: '100'
  }
};

$('#formId').validate({rules:rules});