zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQuery方法正则表达式地址 使用 验证 email
2023-06-13 09:15:41 时间

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

复制代码代码如下:

<html>
<head>
<title>jquery使用正则表达式验证email地址</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.8.2.min.js"></script>
<scripttype="text/javascript">
 $(function(){
 $(":input[name="email"]").blur(function(){
  varemail=$(this).val();
  varreg=/\w+[@]{1}\w+[.]\w+/;
  if(reg.test(email)){
   $(":input[name="check"]").val("email合法");
  }else{
   $(":input[name="check"]").val("请输入正确的email地址");
  }
 });
 });
</script>
<styletype="text/css">
h5{color:blue;}
</style>
</head>
<body>
<h5>jquery使用正则表达式验证email地址</h5>
输入Email地址:<inputtype="text"name="email"/><inputtype="text"name="check"style="border-width:0px;color:red"/>
</body>
</html>

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

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