jquery valid email check

Question

Possible Duplicate:
Validate email address in Javascript?

I am just a beginner in jquery.I have used email field in my form. The form shouldn't submit if the email field is empty. I used the following code

if(document.getElementById('emailaddress').value == ''){
alert('Enter the Email Address');
document.getElementById('emailaddress').focus();
return false;
}

How can i check the entered email is a valid one using simple jquery?

Do you want to verify that the value entered is a properly-formatted email address, or just that there is some text entered? — Jake Feasel, Jan 14 '12 at 06:50
I want to check the value entered is a properly-formatted email address. — designersvsoft, Jan 14 '12 at 06:50

Jake Feasel · Answer 1 · 2012-01-14T07:15:08.340

Your best bet would be to use the jquery validate plugin.

A live email validation demo can be seen here

Here is some sample code:

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script>
$(function () {
   $("#myForm").validate({
    rules: {
      emailaddress : {
        required: true,
        email: true
      }
    }
   });
});
</script>
<form id="myForm">
Email address: <input type="text" name="emailaddress" id="emailaddress" class="required" >
</form>

jquery valid email check

1 Answers1