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 30 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
微信小程序顶部可滚动导航效果
Oct 31 Javascript
最新Javascript程序员面试试题和解题方法
Nov 23 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
JavaScript原型链中函数和对象的理解
Jun 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
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
PHP中常用的转义函数
2014/02/28 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
js jquery做的图片连续滚动代码
2008/01/06 Javascript
jQuery 白痴级入门教程
2009/11/11 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
jquery ajaxfileupload异步上传插件使用详解
2017/02/08 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
Python笔试面试题小结
2019/09/07 Python
Python+opencv+pyaudio实现带声音屏幕录制
2019/12/23 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
2014新课程改革心得体会
2014/03/10 职场文书
共产党员岗位承诺书
2014/05/29 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
2014年保育员工作总结
2014/12/02 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
Python实现为PDF去除水印的示例代码
2022/04/03 Python