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 相关文章推荐
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
Sep 04 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
jquery把int类型转换成字符串类型的方法
Oct 07 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
JS生成和下载二维码的代码
Dec 07 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
react中props 的使用及进行限制的方法
Apr 28 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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
通达OA公共代码 php常用检测函数
2011/12/14 PHP
Zend Framework实现留言本分页功能(附demo源码下载)
2016/03/22 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
jquery弹出框的用法示例(一)
2013/08/26 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
Python检测生僻字的实现方法
2016/10/23 Python
Python使用wxPython实现计算器
2018/01/30 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
python实现K近邻回归,采用等权重和不等权重的方法
2019/01/23 Python
python修改linux中文件(文件夹)的权限属性操作
2020/03/05 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
高尔夫球鞋、服装、手套和装备:FootJoy
2018/12/15 全球购物
Delphi笔试题
2016/11/14 面试题
儿科主治医生个人求职信
2013/09/23 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
社区活动总结报告
2014/05/05 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
丽江古城导游词
2015/02/03 职场文书
调任通知
2015/04/21 职场文书
win10下go mod配置方式
2021/04/25 Golang
分析并发编程之LongAdder原理
2021/06/29 Java/Android