Simple email validation w/ jQuery

Question

I have a form that is being generated dynamically with PHP.

There's are multiple fields for email. I would like to conduct a very basic email validation when the form loads with the data pre-filled. Those fields that contain malformed emails need to be highlighted and form submission disabled.

Here's what I've got so far, but I'm not sure how to get it all to work.

JS

function validateEmail(email) {
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    return emailReg.test( email );
}

$("#mySubmitButton").click(function() {
    var email = jQuery("input[name=\'email[]\']").val();
    if (!validateEmail(email)) {
        event.preventDefault();
        $(this).css("border","1px solid red");
        alert("Bad email. Please correct before submitting.");
    }
});

PHP

$pairs = array_filter(explode(",", $_POST['email']));

foreach( $pairs as $pair ) {


   $i++;

   echo '<input type="text" name="email['.$i.']" value="'.$output['1'].'">

}

Email addresses are allowed to include + characters. TLDs can have more than 4 characters in them. — Quentin
– Quentin, Commented May 21, 2012 at 15:40

Adil · Accepted Answer · 2012-05-21 17:27:13Z

3

You can validate all emails like this

jQuery("input[type=text][name^=email]").each(function()
{
  if(!validateEmail($(this).val()))
  {
    alert("Email not validated,");
    //here you can figure out the invalid emails
  }
});

edited May 21, 2012 at 17:27

answered May 21, 2012 at 15:46

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

santa Over a year ago

So, OK, I can mark "bad" emails. How do I disable submit though? Also if I have a number of bad email, I don't really want to show an alert for each one. It would be sufficient to do it once on submit attempt.

Community · Accepted Answer · 2017-05-23 12:20:17Z

0

var email = jQuery("input[type=text][name^=email]").val();

[name^=email] will select all input named start with email and type of text.

See here for detail

Fro email validation check here

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered May 21, 2012 at 15:40

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Collectives™ on Stack Overflow

Simple email validation w/ jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related