Regex: Email validation.

by Juan Muñoz

HTML

<input id="email" name="email" type="email" class="required" /> 
<span class="msg error">You shall not pass!</span>
<span class="msg success">You can pass!</span>
<input type="button" class="btn" value='aceptar'>

CSS

.msg {
    display: none;
}
.error {
    color: red;
}
.success {
    color: green;
}

JavaScript

var regex  = /^[a-z][a-zA-Z0-9_]*(\.[a-zA-Z][a-zA-Z0-9_]*)?@[a-z][a-zA-Z-0-9]*\.[a-z]+(\.[a-z]+)?$/;
$(document).ready(function (){
	$('.btn').click(function (){
      if ( regex.test($('#email').val()) ){
        alert("bien")
      }else{
        alert("mal")
	    }
	})
});