使用正则表达式进行jQuery验证

Question

我使用jQuery Validation Plugin来验证电子邮件，用户名，密码...，并且我尝试添加一些正则表达式，但这是行不通的。 有人能帮我吗？ 非常感谢。 这是我尝试添加的正则表达式的图片

Answer 1

您可以使用“模式：”来匹配正则表达式。 下面的代码显示了字符串的正则表达式匹配。 希望它能达到您的目的。

$("#your_form").validate({
rules: {
    yourelementName: {
        required:true,
        pattern: /^[a-zA-Z'.\s]{1,40}$/  //this line validates the element with the provided regex expression
    },
},
messages: {
    yourelementName: {
        required:'Please enter the data'
        pattern: 'The Textbox string format is invalid'
    }
}
});

Answer 2

$('#name').focusout(function () {
    var pattern = /^[a-zA-Z ]{2,30}$/;
    if (pattern.test($("#name").val())) {
        $("#name").css('border-color',
            'green') v1 = 1
    } else {
        $("#name").css('border-color', 'red') v1 = 0
    }
});

这样做，请使用您要验证的事件来验证文本框。

Answer 3

如果可以解决问题，请尝试以下代码

 $.validator.addMethod(
    "regex",
    function(value, element, regexp) {
        var re = new RegExp(regexp);
        return this.optional(element) || re.test(value);
    },
    "Your input."
 );

确实如下验证

 $("#field").rules("add", { regex: "^[a-zA-Z'.\\s]{1,40}$" })