jquery实践案例--验证电子邮箱

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

<input type="email" name="email" id="email" value="" onpaste="return false"/>

我们来看看都有哪些邮箱:

我们如果一个个的邮箱进行判断,显然是不可能的了。

—个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名

中间用—个表示“在”(at)的符号“@”分开,符号的左边是对方的登录名,右边是完整的主机名,它由主机名与域名 组成。其中,域名由几部分组成,每一部分称为一个子域(Subdomain),各子域之间用圆点“.”隔开,每个子域都会告诉用户一些有关这台邮件服务器 的信息。

关键验证的正则表达式:var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;

校验输入框:

//验证邮箱functionvailEmail(){varemail = jQuery("#email").val();varflag =false;varmessage = "";varmyreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;if(email ==''){

message= "邮箱不能为空!";

}elseif(!myreg.test(email)){

message= "请输入有效的邮箱地址!";

}elseif(checkEmailIsExist()){

message= "该邮箱地址已经被注册!";

}else{

flag=true;

}if(!flag){

//错误提示//jQuery("#emailDiv").removeClass().addClass("ui-form-item has-error");//jQuery("#emailP").html("");//jQuery("#emailP").html("<i class=\"icon-error ui-margin-right10\">&nbsp;<\/i>"+message);//jQuery("#email").focus();}else{

//正确提示//jQuery("#emailDiv").removeClass().addClass("ui-form-item has-success");//jQuery("#emailP").html("");//jQuery("#emailP").html("<i class=\"icon-success ui-margin-right10\">&nbsp;<\/i>该邮箱可用");

}returnflag;

}

写一个方法来验证一下

//验证邮箱是否存在functioncheckEmailIsExist(){varemail = jQuery("#email").val();varflag =false;

jQuery.Ajax(

{ url:"checkEmail?t=" + (newDate()).getTime(),

data:{email:email},

dataType:"json",

type:"GET",

async:false,

success:function(data) {varstatus =data.status;if(status == "1"){

flag=true;

}

}

});returnflag;

}

后台处理程序:

@RequestMapping(value = "/checkEmail", method =RequestMethod.GET)

publicvoidcheckEmail(HttpServletRequest request,HttpServletResponse response) {Map<String, Object> map =newHashMap<String, Object>();try{

String email= request.getParameter("email");String status= "0";

//写查询语句,查询表里面是否存在该邮箱

//UserBaseInfo userBaseInfo=userService.findUserByEmail(email);

//if(userBaseInfo!=null)status="1";

map.put("status", status);String data=JSONObject.fromObject(map).toString();response.getWriter().PRint(data);

response.getWriter().flush();

response.getWriter().close();

}catch(Exception ex) {

}

}

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航