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 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
Javascript中数组sort和reverse用法分析
Dec 30 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
AJAX检测用户名是否存在的方法
Mar 24 Javascript
前端学习——JavaScript原生实现购物车案例
Mar 31 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
Laravel5.1 框架数据库操作DB运行原生SQL的方法分析
2020/01/07 PHP
JavaScript中常用的运算符小结
2012/01/18 Javascript
js中replace的用法总结
2013/12/27 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
Angularjs中的$apply及优化使用详解
2018/07/02 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
深入解析Python中的lambda表达式的用法
2015/08/28 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
flask session组件的使用示例
2018/12/25 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
Python中如何引入第三方模块
2020/05/27 Python
通过自学python能找到工作吗
2020/06/21 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
集团公司总经理岗位职责
2013/12/20 职场文书
外贸英语专业求职信范文
2013/12/25 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
出生证明范本
2015/06/15 职场文书
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers