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的一句代码实现表格的简单筛选
Jul 26 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
有关Promises异步问题详解
Nov 13 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
Apr 20 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
Bootstrap实现带动画过渡的弹出框
Aug 09 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
7个你应该知道的JS原生错误类型
Apr 29 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 随机生成10位字符代码
2009/03/26 PHP
php实现jQuery扩展函数
2009/10/30 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
PHP后期静态绑定之self::限制实例分析
2018/12/21 PHP
动态加载js的几种方法
2006/10/23 Javascript
JavaScript Archive Network 集合
2007/05/12 Javascript
JavaScript中Math对象使用说明
2008/01/16 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
详解jQuery事件
2017/01/13 Javascript
剖析Angular Component的源码示例
2018/03/23 Javascript
Vue 权限控制的两种方法(路由验证)
2019/08/16 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python实现基于HTTP文件传输实例
2014/11/08 Python
python在指定目录下查找gif文件的方法
2015/05/04 Python
python抓取网页中图片并保存到本地
2015/12/01 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
python 阶乘累加和的实例
2019/02/01 Python
python爬虫实现中英翻译词典
2019/06/25 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
会计学自我鉴定
2014/02/06 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
《去年的树》教学反思
2014/04/11 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android