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 相关文章推荐
用于table内容排序
Jul 21 Javascript
JavaScript Konami Code 实现代码
Jul 29 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
js禁止表单重复提交
Aug 29 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
JS array数组检测方式解析
May 19 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
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
php中使用sftp教程
2015/03/30 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
nginx+thinkphp下解决不支持pathinfo模式
2015/07/01 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
BootStrap TreeView使用实例详解
2017/11/01 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
Vue 权限控制的两种方法(路由验证)
2019/08/16 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
用python写的一个wordpress的采集程序
2016/02/27 Python
浅谈Python基础之I/O模型
2017/05/11 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
Django多个app urls配置代码实例
2020/11/26 Python
python中二分查找法的实现方法
2020/12/06 Python
使用纯 CSS 创作一个脉动 loader效果的源码
2018/09/28 HTML / CSS
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
企业总经理岗位职责
2014/02/13 职场文书
《社戏》教学反思
2014/04/15 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书