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 相关文章推荐
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
javascript解析json数据的3种方式
May 08 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
Aug 24 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
jQuery之动画效果大全
Nov 09 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
Vue跨域请求问题解决方案过程解析
Aug 07 Javascript
Vue指令实现OutClick的示例
Nov 16 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
用Zend Encode编写开发PHP程序
2010/02/21 PHP
php防盗链的常用方法小结
2010/07/02 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
PHP PDOStatement::debugDumpParams讲解
2019/01/30 PHP
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
javascript实现简易聊天室
2019/07/12 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
2020/02/11 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
Python素数检测实例分析
2015/06/15 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
python中return不返回值的问题解析
2020/07/22 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
教育课题研究自我鉴定范文
2013/12/28 职场文书
小学生家长意见
2015/06/03 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python