jQuery验证器不验证表单

Question

注意 ： regex东西是实验性的，我已经尝试过了，但是仍然无法正常工作，如果可能的话，有人可以告诉我它是否有问题吗？

我看不到我在做什么错。 在document.ready中还可以正确执行其他功能，所以我也不是这样。

我的代码：

function checkForm() {
$.validator.addMethod("regex", function(value, element, regexpr) {          
    return regexpr.test(value);
} );
$('#contactform').validate( { 
    rules: { 
        first: {
            required: true,
            minLength: true,
            regex: /^[A-z]{2,}$/
        },
        last: {
            required: true,
            minLength: true,
            regex: /^[A-z]{2,}(-[A-z]{2,})?$/
        },
        titledd: 'required',
        zhanum: {
            required: true,
            regex: /^(ZHA|zha)([0-9]{6})$/
        },
        emailadd: { 
            required: true,
            email: true
        },
        telephone: {
            regex: /^[0-9]{5,16}$/
        }
    },
    messages: {
        first: {
            required: "You must enter a first name",
            minLength: "Your first name must have more than 2 characters",
            regex: "Please enter a first name with more than two characters, where only letters are allowed"
        },
        last: {
            required: "You must enter a last name",
            minLength: "Your last name must have more than 2 characters",
            regex: "Please enter a last name with more than two characters, where only letters and optionally one hyphen are allowed"
        },
        titledd: {
            required: "Please select your title"
        },
        zhanum: {
            required: "You must enter your ZHA number",
            regex: "Your ZHA number should be ZHA followed by six numbers only"
        },
        emailadd: { 
            required: "You must enter an email address",
            email: "Please enter a valid email address"
        },
        telephone: {
            regex: "Please enter a telephone number with more than five characters and less than 16 characters, where only numbers are allowed"
        }
    }
} );
}

$(document).ready(function() {
    checkForm();
} );

Answer 1

试试看：

$.validator.addMethod("regex", function(value, element, regexpr) {          
    return regexpr.test(value);
} );
$('#contactform').validate( { 
    rules: { 
        first: {
            required: true,
            minLength: true,
            regex: /^[A-z]{2,}$/
        },
        last: {
            required: true,
            minLength: true,
            regex: /^[A-z]{2,}(-[A-z]{2,})?$/
        },
        titledd: 'required',
        zhanum: {
            required: true,
            regex: /^(ZHA|zha)([0-9]{6})$/
        },
        emailadd: { 
            required: true,
            email: true
        },
        telephone: {
            regex: /^[0-9]{5,16}$/
        }
    },
    messages: {
        first: {
            required: "You must enter a first name",
            minLength: "Your first name must have more than 2 characters",
            regex: "Please enter a first name with more than two characters, where only letters are allowed"
        },
        last: {
            required: "You must enter a last name",
            minLength: "Your last name must have more than 2 characters",
            regex: "Please enter a last name with more than two characters, where only letters and optionally one hyphen are allowed"
        },
        titledd: {
            required: "Please select your title"
        },
        zhanum: {
            required: "You must enter your ZHA number",
            regex: "Your ZHA number should be ZHA followed by six numbers only"
        },
        emailadd: { 
            required: "You must enter an email address",
            email: "Please enter a valid email address"
        },
        telephone: {
            regex: "Please enter a telephone number with more than five characters and less than 16 characters, where only numbers are allowed"
        }
    }
} );

并确保将其保留在<form>标记之后

Answer 2

我发现了问题，这是在我的HTML中我有id属性而不是name属性，但我没有意识到这是一个问题。