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中的Array对象使用说明
Jan 17 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
Oct 16 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
layui导航栏实现代码
May 19 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
小程序server请求微信服务器超时的解决方法
May 21 Javascript
Vue快速实现通用表单验证功能
Dec 05 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
php cookis创建实现代码
2009/03/16 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
javascript import css实例代码
2008/07/18 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
2014/08/30 Javascript
浅析JQuery中的html(),text(),val()区别
2014/09/01 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
Vue程序调试的方法
2019/06/17 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
详解javascript void(0)
2020/07/13 Javascript
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
Django密码系统实现过程详解
2019/07/19 Python
python 公共方法汇总解析
2019/09/16 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
Django如何实现防止XSS攻击
2020/10/13 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
卖车协议书
2014/04/21 职场文书
中国梦读书活动总结
2014/07/10 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
Redis keys命令的具体使用
2022/06/05 Redis