Validate email with a regex in jQuery [duplicate]

Question

Referring to this issue:

How can I set a minimum length for a field with jQuery?,

<form id="new_invitation" class="new_invitation" method="post" data-remote="true" action="/invitations" accept-charset="UTF-8">
    <div id="invitation_form_recipients">
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_0"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_1"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_2"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_3"><br>
    </div>
    <input type="submit" value="Send invitation" name="commit">
</form>

What would the code be for settting a minimum length for a field with jQuery?

$('#new_invitation').submit(function(event) {
    if ($('#invitation_form_recipients input').filter(function() {
        return $(this).val();
    }).length == 0) {
        // All the fields are empty
        // Show error message here

        // This blocks the form from submitting
        event.preventDefault();
    }
});

How can I validate that every field input have a valid email address with jQuery? In the above code?

possible duplicate of Validate email with jQuery, jQuery Email Regex, What regular expression does jQuery use for their email validation?, Validate email address in Javascript?, and more... — No Results Found
– No Results Found, Commented Mar 5, 2012 at 18:56
generally concerning difficulty of email validation via RegEx stackoverflow.com/q/156430/925580 — Lucius
– Lucius, Commented Mar 5, 2012 at 19:00
The above pattern does not validate correct email addresses as specified in RFC5322 and is misleading. If you use this on a live website you will block valid users. special characters are allows in the local part of the address !#$%&'*+-/=?^_`{|}~ please see stackoverflow.com/questions/2049502/… and tools.ietf.org/html/rfc5322 — nick fox
– nick fox, Commented Aug 31, 2018 at 17:05
Does this answer your question? What's the best way to validate an email address in JavaScript? — Robert
– Robert, Commented Dec 23, 2021 at 16:58

Community · Accepted Answer · 2017-05-23 11:53:54Z

41

You probably want to use a regex like the one described here to check the format. When the form's submitted, run the following test on each field:

var userinput = $(this).val();
var pattern = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i

if(!pattern.test(userinput))
{
  alert('not a valid e-mail address');
}

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Mar 5, 2012 at 18:59

rjz

16.5k3 gold badges39 silver badges35 bronze badges

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

3 Comments

M J Over a year ago

I am trying this, but its not working, i have just written- [email protected].

<input type="text" class="form-control" id="manager_email" placeholder="Email Address" value="" pattern="/^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i" required />

Anyone has some idea about this.

rjz Over a year ago

If you're using an input pattern, be sure not to surround it with forward slashes (you may need to manually add lowercase characters to the pattern to allow case-insensitive input). pattern="^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$"

nick fox Over a year ago

The above pattern does not validate correct email addresses as specified in RFC5322 and is misleading. If you use this on a live website you will block valid users. special characters are allows int he local part of the address !#$%&'*+-/=?^_`{|}~ please see stackoverflow.com/questions/2049502/… and tools.ietf.org/html/rfc5322

Peter Mortensen · Accepted Answer · 2021-01-20 08:26:42Z

7

This regex can help you to check your email-address according to all the criteria which gmail.com used.

var re = /^\w+([-+.'][^\s]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

var emailFormat = re.test($("#email").val()); // This return result in Boolean type

if (emailFormat) {}

edited Jan 20, 2021 at 8:26

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Dec 20, 2016 at 9:49

Aditi_Systematix

1052 silver badges5 bronze badges

2 Comments

DimaSan Over a year ago

While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

Aditi_Systematix Over a year ago

@DimaSan Thanks for your valuable advice.

ARC · Accepted Answer · 2019-10-09 13:49:05Z

1

Email: {
                      group: '.col-sm-3',
                      enabled: false,
                      validators: {
                          //emailAddress: {
                          //    message: 'Email not Valid'
                          //},
                          regexp: {
                              regexp: '^[^@\\s]+@([^@\\s]+\\.)+[^@\\s]+$',
                              message: 'Email not Valid'
                          },
                      }
                  },

answered Oct 9, 2019 at 13:49

ARC

1,07914 silver badges35 bronze badges

Comments

Aazad R khan · Accepted Answer · 2020-09-15 17:49:57Z

1

This : /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i is not working for below Gmail case

[email protected] [email protected]

Below Regex will cover all the E-mail Points: I have tried the all Possible Points and my Test case get also pass because of below regex

I found this Solution from this URL:

Regex Solution link

/(?:((?:[\w-]+(?:\.[\w-]+)*)@(?:(?:[\w-]+\.)*\w[\w-]{0,66})\.(?:[a-z]{2,6}(?:\.[a-z]{2})?));*)/g

edited Sep 15, 2020 at 17:49

answered Sep 15, 2020 at 17:39

Aazad R khan

859 bronze badges

Comments

Fahimeh Ahmadi · Accepted Answer · 2021-12-20 13:51:18Z

0

This :

 var email = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;

edited Dec 20, 2021 at 13:51

answered Dec 20, 2021 at 11:14

Fahimeh Ahmadi

1,04312 silver badges14 bronze badges

2 Comments

Laurel Over a year ago

This matches %%%[email protected] and similar non-addresses.

General Grievance Over a year ago

Why this over other answers here?

Baum mit Augen · Accepted Answer · 2017-03-02 11:40:25Z

-2

function mailValidation(val) {
    var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

    if (!expr.test(val)) {
        $('#errEmail').text('Please enter valid email.');
    }
    else {
        $('#errEmail').hide();
    }
}

edited Mar 2, 2017 at 11:40

Baum mit Augen♦

50.4k25 gold badges153 silver badges187 bronze badges

answered Mar 2, 2017 at 11:37

Sakthivel

262 bronze badges

1 Comment

Mark Stewart Over a year ago

As noted by Rick Fox in other comments, the _ and a lot of other bizarre characters are allowed before the @ character. Actually, the _ is fairly common.

Collectives™ on Stack Overflow

Validate email with a regex in jQuery [duplicate]

6 Answers 6

3 Comments

2 Comments

Comments

Comments

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

2 Comments

Comments

Comments

2 Comments

1 Comment

Linked

Related