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语言核心数据类型和变量使用介绍
Aug 23 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
Jul 17 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
JS图片预加载三种实现方法解析
May 08 Javascript
JavaScript点击按钮生成4位随机验证码
Jan 28 Javascript
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
Thinkphp中Create方法深入探究
2014/06/16 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
jquery 经典动画菜单效果代码
2010/01/26 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
js封装tab标签页实例分享
2016/12/19 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
js实现计算器功能
2020/08/10 Javascript
python实现备份目录的方法
2015/08/03 Python
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
你真的了解Python的random模块吗?
2017/12/12 Python
Python编程求质数实例代码
2018/01/31 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
python保存文件方法小结
2018/07/27 Python
python 随机森林算法及其优化详解
2019/07/11 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
应用化学专业职业生涯规划书
2014/01/22 职场文书
会议活动邀请函
2014/01/27 职场文书
村容村貌整治方案
2014/05/21 职场文书
南极大冒险观后感
2015/06/05 职场文书