override jquery validate plugin email address validation
Solution 1:
I wouldn't do this but for the sake of an answer you need to add your own custom validation.
//custom validation rule
$.validator.addMethod("customemail",
function(value, element) {
return /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
},
"Sorry, I've enabled very strict email validation"
);
Then to your rules add:
rules: {
email: {
required: {
depends:function(){
$(this).val($.trim($(this).val()));
return true;
}
},
customemail: true
},
Solution 2:
Your regex is simply too strict, jQuery is right.
"this is a valid adress !"@yes.it.is
I suggest you to read this : Stop Validating Email Addresses With Your Complex Regex
Solution 3:
Try this!
jQuery.validator.addMethod("customEmail", function(value, element) {
return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i.test(value);
}, "Please enter valid email address!");
$(form).validate({
rules: {
email:{
required:true,
customEmail:true
}
}
});