CODEWITHSUNDEEP
jqueryregexjquery-validate
user4409158
user4409158

Reputation:

jQuery Validation Email Validation Issues

I am trying to troubleshoot and fix why my email validation is not properly working. It is suppose to detect an invalid email: where it had too many ...(dots), to still except European address ([email protected]) as well as [email protected]. But as of right now its excepting more that one dot, if you don't finish typing as long as it has the @ as long as you don't add the (.) dot. Will someone please help me with where I am going wrong?

<script>
     $("#form").validate({
    rules: {
        firstname_1: {
            required: true
        },
        email_1: {
            required: true,
            email: true
        },
        // Same for other fields
    },
    messages: {
        firstname_1: "This field is required.",
        email_1>: "Please enter valid email address.",
        // Repeat for other fields
    }
});
function isValidEmail(email_1)
{
    return /^[a-z0-9]+([-._][a-z0-9]+)*@([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,4}$/.test(email_1)
        && /^(?=.{1,64}@.{4,64}$)(?=.{6,100}$).*/.test(email_1);
}
</script>

Upvotes: 7

Views: 3379

Answers (2)

Roy Shoa
Roy Shoa

Reputation: 3195

If someone like to overwrite the original rule and fix it:

// jQuery Validation - Override email validation rule
jQuery.validator.addMethod('email', function(value, element) {
    // regular expression for validating email addresses
    var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    return this.optional(element) || emailPattern.test(value);
},'Please enter a valid email address.');

Then you can work with the normal email rule.

Upvotes: 0

Sparky
Sparky

Reputation: 98738

Assuming you already have the correct validation logic and/or regex, then you would need to create your own rule using the .addMethod() method.

$("#form").validate({
    rules: {
        firstname_1: {
            required: true
        },
        email_1: {
            required: true,
            myEmail: true  // <- declare your custom rule
        },
        // Same for other fields
    },
    messages: {
        firstname_1: "This field is required.",
        email_1: "Please enter valid email address.",
        // Repeat for other fields
    }
});

// create your custom rule
jQuery.validator.addMethod("myEmail", function(value, element) {
    return this.optional(element) || /* your regex boolean logic goes here */;
}, 'Please enter valid email address.');

NOTE: You also had a syntax/spelling error on a field name within messages. Should be email_1, not email_1>.

See this answer for the proper way to use .addMethod().

Upvotes: 10

Related Questions