How to validate email in a form

Question

My form is sending even without the user even put a "@" in the email field.

how can I do to leave the field with red border if no "@"?

<input type="text" name="Name" placeholder="Nome..." class="quote-form-element" />
<input type="text" name="City" placeholder="Cidade/UF..." class="quote-form-element quote-form-client-email last" />
<input type="text" name="phone" placeholder="Telefone..." class="quote-form-element" />
<input type="text" name="email" placeholder="E-mail..." class="quote-form-element quote-form-client-email last" />

write code? `if(field invalid) { mark field red; }`, basically. — Marc B, Aug 11 '16 at 18:17
This has been answered here http://stackoverflow.com/questions/19605773/html5-email-validation — gautsch, Aug 11 '16 at 18:20
Possible duplicate of [Validate email address in JavaScript?](http://stackoverflow.com/questions/46155/validate-email-address-in-javascript) — Alex Kudryashev, Aug 11 '16 at 18:21

score 0 · Answer 1 · answered Aug 11 '16 at 18:23

Make it into a function and use regular expressions to check if the email is valid.

function emailVal(email){
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if (reg.test(emailField.value) == false) 
    {
        //invalid email
        return false;
    }

    return true;

 }

On the textbox use:

<input type="email" onblur="emailVal(this)">

Now if emailVal() returns false, do a red border around the textbox.

How to validate email in a form

1 Answers1