jquery 验证适用于某些浏览器，但不适用于其他浏览器

Question

为什么这对某些人有效，而对其他人无效？其他人只是点击按钮，不起作用。在我添加 nospaces 验证方法后它就开始这样做了。任何建议将不胜感激。

<form method="post" action="#" id="client_form" class="order-form">
<input type="text" id="user_name" name="user_name" class="req nospaces" />
</form>
 <button id="client_next_btn"><?php echo($content->getString('order')); ?></button>
<script type="text/javascript">

$(function ()
{
jQuery.validator.addClassRules('req', { required: function (el) { return $(el).is(':visible') } });

var nums = ['0','1','2','3','4','5','6','7','8','9'];
var letters = ['q','w','e','r','t','y','u','i','o','p','a','s','d','f','g','h','j','k','l','z','x','c','v','b','n','m'];
var alphanumeric = nums.concat(letters);

jQuery.validator.addMethod("nospaces", function(value, element) {
    var val = value.split("");
    var bool = true;
    for (var i in val)
    {
        if (jQuery.inArray(val[i], alphanumeric) == -1)
        {
            bool = false;
            break;
        }
    }
    return bool;
}, "* <?php echo ($content->getString('no_spaces')); ?>");

$('#client_form').validate();
$('#client_next_btn').click(function ()
{
    $('#client_message').empty();

    if ($('#client_form').validate().form())
    {
                alert('works');
            }
    }

}

Answer 1

作为提示，您可以摆脱这个：

jQuery.validator.addClassRules('req', { 
  required: function (el) { return $(el).is(':visible') } 
});

并使用内置的 required 类，只需添加 ignore选项到您的.validate() 调用排除 :hidden 元素，如下所示：

$('#client_form').validate({ ignore: ':hidden' });

Answer 2

就在我发布问题后，我找到了答案 - addMethod 必须与 addClassRules 一起使用，而不是单独使用