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


Posted in Javascript onNovember 16, 2015

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

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

我们如果一个个的邮箱进行判断,显然是不可能的了。
—个完整的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 class=\"icon-error ui-margin-right10\"> <\/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\"> <\/i>该邮箱可用");
       }
       return flag;
     }

写一个方法来验证一下

//验证邮箱是否存在
     function checkEmailIsExist(){
       var email = jQuery("#email").val();
       var flag = false;
       jQuery.ajax(
        { url: "checkEmail?t=" + (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_-])+/;,大家可以动手试一试。

Javascript 相关文章推荐
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
JavaScript、jQuery与Ajax的关系
Jan 24 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
微信小程序实现简单购物车功能
Dec 30 Javascript
跟我学习javascript的call(),apply(),bind()与回调
Nov 16 #Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 #Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 #Javascript
跟我学习javascript的函数和函数表达式
Nov 16 #Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 #Javascript
uploadify多文件上传参数设置技巧
Nov 16 #Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 #Javascript
You might like
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
javascript验证手机号和实现星号(*)代替实例
2016/08/16 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
JSONP跨域请求
2017/03/02 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
js实现简单进度条效果
2020/03/25 Javascript
Python读写配置文件的方法
2015/06/03 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
Django中的forms组件实例详解
2018/11/08 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
应届毕业生的个人自我鉴定
2013/10/24 职场文书
财务主管岗位职责
2014/02/28 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
保证书范文大全
2014/04/28 职场文书
经理任命书模板
2014/06/06 职场文书
促销活动总结怎么写
2014/06/25 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
民政工作个人总结
2015/02/28 职场文书
2015年社区平安建设工作总结
2015/05/13 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
docker 制作mysql镜像并自动安装
2022/05/20 Servers