<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title>

</head> <body>   <form name="form1" method="post" action="" > 手机：<input type="text" id="mobile" name="mobile" maxLength=11 size=30 onchange="checkform()"/>    <br> 邮箱：<input type="text" id="emailBox" name="emailBox" onchange="checkMail('emailBox')"/> <input type="submit" id="submit" name="submit" value="提交" > </form> <script type="text/javascript"> function checkform() {    if(document.form1.mobile.value.length!=11)    {      //验证手机号为11位     alert("您的手机号不正确哦！")     document.form1.mobile.focus();     return false;    }    var mobile=document.form1.mobile.value;    var reg0=/^13\d{5,9}$/; //130--139。至少7位    var reg1=/^15\d{5,9}$/; //15至少7位    var reg2=/^18\d{5,9}$/; //18      var my=false;    if (reg0.test(mobile))my=true;    if (reg1.test(mobile))my=true;    if (reg2.test(mobile))my=true;      if (!my){     alert("您的手机号不正确哦")     document.form1.mobile.focus();     return false;    } } </script> <!--<script type="text/javascript"> function checkEmail() {    document.getElementById('emailBox').onblur = function(){  var value = this.value;  if(typeof value == 'undefined') {   //未定义   alert('Email不能为空');   return false;  }else if(value.trim() == '') {    //空值   alert('Email不能为空');   return false;  }else if(value.indexOf('@') == -1) {  //不包含@   alert('Email必须包含@，如abc@qq.com');   return false;  }else if(value.indexOf('.') == -1) {  //不包含.   alert('Email必须包含.，如abc@qq.com');   return false;  }else {          //包含@与.   if(value.indexOf('@') == 0 || value.indexOf('.') == 0) {  //以@或.开头  @qq.com 和 .@qq.com非法    alert('Email只能以字母开头');    return false;   }else if(value.lastIndexOf('@') == value.length-1 || value.lastIndexOf('.') == value.length-1) {  //以@或.结束  a@qq.com@ 和a@qq.com.非法    alert('Email只能以字母结束');    return false;   }else{        //包含@与.且不以它们结束    var count_at = 0;    if(value.indexOf('@') != value.lastIndexOf('@')){  //多个@  a@b@qq.com非法      alert('Email只能包含一个@，如abc@qq.com');      return false;    }    var beforeAt = value.substr(0,value.indexOf('@'));    if(beforeAt.indexOf('.') != -1){  //a.b@qq.com 非法     alert('Email的@前必须全部为字母');     return false;    }    value = value.replace('@','.');  //删除@，.替换@，反正替换后按.分隔时a@.拼接，导致@.之间无法判定为空    var splits = value.split('.');  //按.分隔    var a_z = 'abcdefghijklmnopqrstuvwxyz';  //仅字母    for(var i in splits){     //对点分隔后的字符进行单字切割并匹配a-z     if(splits[i] == ''){      alert('Email的@.或..不能连接');      return false;     }     var words = splits[i].split(""); //单字切割     for(var w in words){  //对每个单字进行验证      if(a_z.indexOf(words[w].toLowerCase()) == -1) {       alert('Email只能包含字母！');       return false;      }     }    }   }  }  return true; } } </script>--> <script type="text/javascript"> function checkMail(str){ var strReg=""; var r; var strText=document.all(str).value; //strReg=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/i; strReg=/^\w+((-\w+)|(\.\w+))*\@{1}\w+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig; r=strText.search(strReg); if(r==-1) { alert("邮箱格式错误!"); document.all(str).focus(); } } </script> </body> </html>

js 邮箱和手机号码验证的更多相关文章

  1. JS电话、手机号码验证

    function isTelephone(inpurStr) {            var partten = /^0(([1,2]\d)|([3-9]\d{2}))-\d{7,8}$/;     ...

  2. 在js中实现邮箱格式的验证

    在js中实现邮箱格式的验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><htm ...

  3. ★★★【卡法 常用js库】： js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度

    [卡法 常用js库]: js汇合 表单验证  cookie设置  日期格式  电话手机号码  email  整数  小数  金额   检查参数长度 // +---------------------- ...

  4. js如何使用正则表达式验证电话号码（可选区号）和邮箱？（分步骤）

    js如何使用正则表达式验证电话号码(可选区号)和邮箱?(分步骤) 一.总结 js进阶正则表达式16电话号码和邮箱正则(分类解决邮箱验证)(分组加?解决电话号码区号选择问题)([\w\.-]中括号解决邮 ...

  5. bootstrapValidator.js 做表单验证

    有这样的一个场景,我们在提交form表单的时候 可能要做一些验证,比如判断是不是为空,电话的格式验证,邮箱的格式验证等等,手写起来也是可以得. 但是今天我介绍一个bootstrap插件简化开发.就是b ...

  6. {{angular.js 使用技巧}} - 基于验证框架的扩展（w5cValidator）

    开场白: angular.js 是谷歌出的前端js MV*框架,我也是今年做 worktile 的时候才开始接触的,起初技术选型的时候还准备使用 backbone(毕竟很多大公司在使用他,而且也是比较 ...

  7. 最全，可直接用的一些正则校验，判断邮箱，手机号码，车牌号，身份证号，网址，账号，密码，ip，去掉html格式，工商税号等。

    一些正则校验,判断邮箱,手机号码,车牌号,身份证号,网址,账号,密码,ip,去掉html格式,工商税号等. // 判断邮箱 isValid = [text isValidEmail]; // 判断手机 ...

  8. [转]bootstrapValidator.js 做表单验证

    本文转自:https://www.cnblogs.com/nele/p/5493414.html 作者:@nele本文为作者原创,转载请注明出处:https://www.cnblogs.com/nel ...

  9. Modules：手机号码验证

    ylbtech-Modules:手机号码验证 手机号码验证,文档以JFB项目架构为原型,介绍实现原理,如何调用和应用实例. 架构包括5个主要模块:Basebase,Base,Service,Api和W ...

随机推荐

  1. IOS 社交分享

    #import <Social/Social.h> @interface HMViewController () @end @implementation HMViewController ...

  2. 布局方式-flex布局

    .弹性盒子 .盒子本来就是并列的 .指定宽度即可 <style> .container { width: 800px; height: 200px; display: flex; bord ...

  3. nginx安装和基础代理配置

    mac上执行 npm install nginx 安装好后运行nginx sudo nginx 一般mac下nginx会安装在 /usr/local/etc/nginx 下 里面的nginx.conf ...

  4. MyBatis的settings设置描述

    settings 中的设置是非常关键的,它们会改变 MyBatis 的运行时行为.下表描述了设置中各项的意图.默认值等. 设置参数 描述 有效值 默认值 cacheEnabled 该配置影响的所有映射 ...

  5. spring 跨域 CORS (Cross Origin Resources Share) 跨域

    Spring提供了三种方式跨域 1.CorsFilter 过滤器 2.<mvc:cors> Bean(全局,推荐使用) 3.@CrossOrigin注解 以上三种方式本质都是用来配置Cor ...

  6. 【luogu P2863 [USACO06JAN]牛的舞会The Cow Prom】 题解

    题目链接:https://www.luogu.org/problemnew/show/P2863 求强连通分量大小>自己单个点的 #include <stack> #include ...

  7. POJ 2533 Longest Ordered Subsequence（裸LIS）

    传送门: http://poj.org/problem?id=2533 Longest Ordered Subsequence Time Limit: 2000MS   Memory Limit: 6 ...

  8. Unity让带有Rigidbody组件的游戏对象停止运动

    Rigidbody rigidbody = transform.GetComponent<Rigidbody>(); rigidbody.velocity = Vector3.zero; ...

  9. js两个浮点数相减出现多位小数的bug

  10. vue2高仿饿了么app

    Github地址: https://github.com/ccyinghua/appEleme-project 一.构建项目所用: vue init webpack appEleme-project ...