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面向对象编程
Mar 04 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
js字符串完全替换函数分享
Dec 03 Javascript
jQuery中height()方法用法实例
Dec 24 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
python3设计模式之简单工厂模式
2017/10/17 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
python Kmeans算法原理深入解析
2019/08/23 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
公司廉洁自律承诺书
2014/03/27 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
优秀党员事迹材料
2014/12/18 职场文书
2016年万圣节活动总结
2016/04/05 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
python区块链实现简版工作量证明
2022/05/25 Python