手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery验证邮箱格式是否正确实例讲解
jquery验证邮箱格式是否正确实例讲解
摘要:我们来看看都有哪些邮箱:我们如果一个个的邮箱进行判断,显然是不可能的了。—个完整的Internet邮件地址由以下两个部分组成,格式如下:登录...

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

jquery验证邮箱格式是否正确实例讲解1

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

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

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

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

校验输入框:

//验证邮箱 function vailEmail(){ var email = jQuery("#email").val(); var flag = false; var message = ""; var myreg = /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; if(email ==''){ message = "邮箱不能为空!"; }else if(!myreg.test(email)){ message = "请输入有效的邮箱地址!"; }else if(checkEmailIsExist()){ message = "该邮箱地址已经被注册!"; }else{ flag = true; } if(!flag){ //错误提示 //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-error"); // jQuery("#emailP").html(""); //jQuery("#emailP").html("<i></i>"+message); //jQuery("#email").focus(); }else{ //正确提示 //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-success"); //jQuery("#emailP").html(""); //jQuery("#emailP").html("<i></i>该邮箱可用"); } return flag; }

写一个方法来验证一下

//验证邮箱是否存在 function checkEmailIsExist(){ var email = jQuery("#email").val(); var flag = false; jQuery.ajax( { url: "checkEmail" + (new Date()).getTime(), data:{email:email}, dataType:"json", type:"GET", async:false, success:function(data) { var status = data.status; if(status == "1"){ flag = true; } } }); return flag; }

后台处理程序:

@RequestMapping(value = "/checkEmail", method = RequestMethod.GET) public void checkEmail(HttpServletRequest request,HttpServletResponse response) { Map<String, Object> map = new HashMap<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) { } }

以上就是jquery验证邮箱格式是否正确实例代码,利用了正则表达式:var myreg = /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;,大家可以动手试一试。

【jquery验证邮箱格式是否正确实例讲解】相关文章:

jquery中map函数遍历数组用法实例

jquery使用each方法遍历json格式数据实例

JQuery实现带排序功能的权限选择实例

javascript动态设置样式style实例分析

jQuery判断一个元素是否可见的方法

jQuery聚合函数实例

jquery实现的判断倒计时是否结束代码

jquery右下角自动弹出可关闭的广告层

jQuery判断指定id的对象是否存在的方法

javascript实现表格增删改操作实例详解

精品推荐
分类导航