网站地图    收藏   

主页 > 前端 > javascript >

jquery验证邮箱email验证实例

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 在jq中邮箱验证与javascript中邮箱验证是一样的,我们都使用的了正则表达式如/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(txt_value)来难了,方法没什么区别与js....

前段时间处理了验证手机,金额,小数点等验证。最近做页面的时候,又遇到了一个验证邮箱的,过程不多说,直接看代码。实现关键还是正则,正则表达式很强大。有机会,好好学学,但是是学好,感觉不容易。还好一些常用的,网上可以找到。但是看懂是必须要做到的~~

 代码如下 复制代码

$(function(){

 $(“#email”).blur(function(){
  var txt_value = $(this).val();
  if(txt_value==”"){
   $(this).val(“请输入邮箱地址”)
  }else if(!(/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(txt_value))){
  alert(“请输入一个有效的邮件地址”);
   $(this).val(“”);
  return false;
 }
 
 })

})

表单里面邮箱文本框name和id属性均为email.添加鼠标移出事件。

 代码如下 复制代码

//邮箱验证
 if($(“#email”).val() == ”){
  $(“#email”).focus();
  alert(“请填写您的邮箱”); 
  return false;
 }else{
  var val = $(“#email”).val();
  if(val.match(/^[a-z0-9]+([._]*[a-z0-9]+)*@[a-z0-9]+([_.][a-z0-9]+)+$/gi))
   {return true};
  alert(“邮箱格式不正确,请重新填写”);    
  $(“#email”).focus();
  return false
 }

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论