使用jquery验证插件,如何在文本框中添加正则表达式验证？

Question

我使用的是jquery验证插件:http://bassistance.de/jquery-plugins/jquery-plugin-validation/

如何在特定文本框中添加正则表达式检查？

我想检查以确保输入是字母数字.

Answer 1

定义新的验证函数,并在要验证的字段的规则中使用它:

$(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.");

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

Answer 2

不熟悉jQuery验证插件,但这样的事情应该可以解决问题:

var alNumRegex = /^([a-zA-Z0-9]+)$/; //only letters and numbers
if(alNumRegex.test($('#myTextbox').val())) {
    alert("value of myTextbox is an alphanumeric string");
}