JS 正则表达式验证密码、邮箱格式的实例代码


Posted in Javascript onOctober 28, 2018

遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Regular Expression test</title>
</head>
<body>
   用户名:(4-16位,字母、下划线、数字,减号) <br/>
   <input type="text" id="un" placeholder="4-16位" >
   <input type="button" value="test" onclick="userName()" >
   <span id="one"></span>
   <br/><hr/>
   密码:(最少6位,至少包括一个大写字母、一个小写字母、一个数字、一个特殊字符) <br/>
   <input type="text" id="pw" >
   <input type="button" value="test" onclick="password()" >
   <span id="two"></span>
   <br/><hr/>
   邮箱:(xxx@xx.xxx)<br/>
   <input type="text" id="em" >
   <input type="button" value="test" onclick="email()" >
   <span id="three"></span>
      <br/><hr/>
   身份证号:18位,最后一位可以是数字或字母<br/>
   <input type="text" id="idn" >
   <input type="button" value="test" onclick="idNumber()" >
   <span id="four"></span>
<script type="text/javascript">
function userName(){
    var reg=/^\w{4,16}$/;
    if( !reg.test( document.getElementById("un").value ) ) 
      document.getElementById("one").innerHTML="不正确";
    else 
      document.getElementById("one").innerHTML="正确";
  }
function password(){
    var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{6,}$/;
    if( !reg.test( document.getElementById("pw").value ) ) 
      document.getElementById("two").innerHTML="不正确";
    else 
      document.getElementById("two").innerHTML="正确";
  }
function email(){
    var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
    if( !reg.test( document.getElementById("em").value ) ) 
      document.getElementById("three").innerHTML="不正确";
    else 
      document.getElementById("three").innerHTML="正确";
  }
function idNumber(){
    var reg=/^\d{17}[A-z|0-9]{1}$/;
    if( !reg.test( document.getElementById("idn").value ) ) 
      document.getElementById("four").innerHTML="不正确";
    else 
      document.getElementById("four").innerHTML="正确";
  }  
</script>
</body>
</html>

总结

以上所述是小编给大家介绍的JS 正则表达式验证密码、邮箱格式的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时会及时回复大家的!

Javascript 相关文章推荐
JavaScript中的bold()方法使用详解
Jun 08 Javascript
基于jQuery实现返回顶部实例代码
Jan 01 Javascript
javascript如何创建对象
Aug 29 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
微信小程序实现弹出层效果
May 26 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 #Javascript
深入浅析javascript函数中with
Oct 28 #Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 #Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 #Javascript
javascript中函数的写法实例代码详解
Oct 28 #Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 #Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 #Javascript
You might like
编写安全 PHP应用程序的七个习惯深入分析
2013/06/08 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
js post方式传递提交的实现代码
2010/05/31 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
2019/06/10 jQuery
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
让Python更加充分的使用Sqlite3
2017/12/11 Python
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
详解Python_shutil模块
2019/03/15 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
三好学生自我鉴定
2013/12/17 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
计算机求职信
2014/07/02 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
武夷山导游词
2015/02/03 职场文书
观后感的写法
2015/06/19 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
Python实现简单的俄罗斯方块游戏
2021/09/25 Python
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
Python基本的内置数据类型及使用方法
2022/04/13 Python