Jquery正则表达式验证电子邮件的代码示例

<script type="text/javascript">
/**
* Jquery实现Email地址验证
* Edit www.jb200.com
*/
 $(document).ready(function() {
        $('.error').hide();
        $('.submit').click(function(event){
   var email=$('.email').val();
   if(valid_email(email)) {
           $('.error').hide();
   } else {
           $('.error').show();
           event.preventDefault();
   }
  });
 });

function valid_email(email) {
  var patten = new RegExp(/^[w-]+(.[w-]+)*@([w-]+.)+[a-zA-Z]+$/);
  return patten.test(email);
}
</script>

<form id="register" method="post" action="">
<div>
  <span>输入电子邮件：</span>
  <input type="text" class="email" name="email" />
  <span class="error">非法的电子邮件地址！</span>
  <input type="submit" value="提交" class="submit" />
</div>
</form>