Validate Email With Jquery

I have input name='email' and a button on the page. How do I validate this input in live for a valid email address? And add some class for a button, class 'active' if it is valid o

Solution 1:

I usually use this javascript function to validate in frontend:

function validateEmail(email) 
{ 
 var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ 
 return email.match(re) 
}

it returns true or false. But anyway, you shouldn't usually only validate sensitive data in the frontend, but also on the server side.

Solution 2:

$('#email').bind('keyup', function(){
    if(this.value.test([REGULAR_EXPRESSION])
        //doStuff -- add active classelse//doOtherStuff -- add inactive class
});

replace [REGULAR_EXPRESSION] with one of the regular expressions found here: http://www.regular-expressions.info/email.html

Solution 3:

i used this for mail validation javascript mail code

functionValidateEmail(inputText)
    {
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if(inputText.value.match(mailformat))
    {
    document.form1.text1.focus();
    returntrue;
    }
    else
    {
    alert("You have entered an invalid email address!");
    document.form1.text1.focus();
    returnfalse;
    }
  }