夏日博客

A-A+

jquery 邮箱正则表达式(输入邮件地址自动验证)

2016年01月07日 前端设计 暂无评论 阅读 6 views 次

邮箱正则这个与jquery是没有判断了我们只主要是使用了jquery的些写法来实现我们要的结果了，个例子是当用户输入邮件地址完成离开input输入框时会自动告诉你邮件地址是否适合规则。

jquery,代码如下:

  1. <p><input type="text" name="email" id="email" value="邮箱" onblur="if(this.value == '') this.value = '邮箱';" onfocus="if(this.value == '邮箱') this.value = '';"/><span id="emailMSG">请填写邮箱</span></p>  
  2.   
  3. //邮箱验证正则表达式  
  4.   
  5. $("#email").blur(function(){  
  6.     var email=$(this).val();  
  7.     if(email=='邮箱'){  
  8.         email='';  
  9.     }  
  10.     if(email==''){  
  11.         $("#emailMSG").text('请输入邮箱');  
  12.         return false  
  13.     }  
  14.   
  15.     var reg = /([＼w-＼.]+)@((＼[[0-9]{1,3}＼.[0-9]{1,3}＼.[0-9]{1,3}＼.)|(([＼w-]+＼.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(＼]?)/;  
  16.     if(!reg.test(email)){  
  17.         $("#emailMSG").html('邮箱格式有误');  
  18.         return false;  
  19.     }  
  20.   
  21.     $("#emailMSG").text('邮箱可以使用');  
  22. });  
标签：

给我留言