javascript - 如何将字母数字检查添加到 jQuery 验证插件？

Question

这里提出了这个确切的问题:

using the jquery validation plugin, how can I add a regex validation on a textbox?

但不幸的是，发布的解决方案对我不起作用。我正在使用非常流行的 jquery 验证插件，特别是这个版本:

http://jquery.bassistance.de/validate/jquery.validate.js

我尝试像这样添加自定义字母数字函数(来自上面的堆栈溢出问题):

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>

<script type="text/javascript">
$(function() {

    $.validator.addMethod("loginRegex", function(value, element) {
        return this.optional(element) || /^[a-z0-9\-]+$/i.test(value);
    }, "Username must contain only letters, numbers, or dashes.");

    $("#myForm").validate({
        rules: {
            "login": {
                required: true,
                loginRegex: true,
            }
        },
        messages: {
            "login": {
                required: "You must enter a login name",
                loginRegex: "Login format not valid"
            }
        }
    });

});
</script>

<form method="post" id="myForm">
    <input type="text" name="login" />  
    <input type="submit" value="Go" />  
</form>

如果您运行这段代码，您会发现它只验证某种类型的输入，它不会通过自定义字母数字函数验证输入。如何让它发挥作用？

Answer 1

会不会是你的登录规则后面多了一个逗号？ IE 会遇到麻烦:

rules: {
    "login": {
        required: true,
        loginRegex: true,
    }
},

应该是:

rules: {
    "login": {
        required: true,
        loginRegex: true
    }
},