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 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
jQuery 如何给Carousel插件添加新的功能
Apr 18 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
JavaScript使用闭包模仿块级作用域操作示例
Jan 21 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
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
mysql 性能的检查和优化方法
2009/06/21 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
JavaScript 浮点数运算 精度问题
2009/10/06 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
2020/02/24 Javascript
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
详解Python的单元测试
2015/04/28 Python
python 多线程实现检测服务器在线情况
2015/11/25 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
解决python3中解压zip文件是文件名乱码的问题
2018/03/22 Python
分析python请求数据
2018/08/19 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
运动会四百米广播稿
2014/01/19 职场文书
安全生产责任书
2014/03/12 职场文书
财务部会计岗位职责
2015/02/03 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
Node实现搜索框进行模糊查询
2021/06/28 Javascript
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android