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实现的激活输入框后隐藏初始内容
Jun 29 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
Vue组件开发初探
Feb 14 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
VUE重点问题总结
Mar 19 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 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
第五节 克隆 [5]
2006/10/09 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
nginx+thinkphp下解决不支持pathinfo模式
2015/07/01 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
JavaScript 通过模式匹配实现重载
2010/08/12 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
JavaScript 浏览器对象模型BOM使用介绍
2015/04/13 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
Vuex的各个模块封装的实现
2020/06/05 Javascript
python批量导出导入MySQL用户的方法
2013/11/15 Python
Python中的filter()函数的用法
2015/04/27 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
python绘制立方体的方法
2018/07/02 Python
PyQt5 QTableView设置某一列不可编辑的方法
2019/06/25 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
python retrying模块的使用方法详解
2019/09/25 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
英文版区域经理求职信
2013/10/23 职场文书
往来会计岗位职责
2013/12/19 职场文书
计算机专业自荐信
2014/05/24 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
西湖英语导游词
2015/02/06 职场文书
于丹论语心得观后感
2015/06/15 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书