jquery使用正则表达式验证email地址的方法

  本文实例讲述了jquery使用正则表达式验证email地址的方法。分享给大家供大家参考。具体实现方法如下:

  

复制代码 代码如下:
<html>

  <head>

  <title>jquery使用正则表达式验证email地址</title>

  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <script type="text/javascript" src="jquery-1.8.2.min.js"></script>

  <script type="text/javascript">

  $(function(){

  $(":input[name='email']").blur(function(){

  var email = $(this).val();

  var reg = /\w+[@]{1}\w+[.]\w+/;

  if(reg.test(email)){

  $(":input[name='check']").val("email合法");

  }else{

  $(":input[name='check']").val("请输入正确的email地址");

  }

  });

  });

  </script>

  <style type="text/css">

  h5{color:blue;}

  </style>

  </head>

  <body>

  <h5>jquery使用正则表达式验证email地址</h5>

  输入Email地址:<input type="text" name="email" /><input type="text" name="check" style="border-width:0px;color:red" />

  </body>

  </html>

  希望本文所述对大家的jQuery程序设计有所帮助。