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 相关文章推荐
纯js实现背景图片切换效果代码
Nov 14 Javascript
JQuery获取各种宽度、高度(format函数)实例
Mar 04 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
JS中判断JSON数据是否存在某字段的方法
Mar 07 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
JS中递归函数
Jun 17 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
Oct 12 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 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中的字符串函数
2006/11/24 PHP
php下实现折线图效果的代码
2007/04/28 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
用于table内容排序
2006/07/21 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
简述JS控制台的使用
2018/07/15 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
python使用str &amp; repr转换字符串
2016/10/13 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
python将回车作为输入内容的实例
2018/06/23 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
python对一个数向上取整的实例方法
2020/06/18 Python
python合并多个excel文件的示例
2020/09/23 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
几道PHP面试题
2013/04/14 面试题
一套带网友答案的.NET笔试题
2016/12/06 面试题
创立科技Java面试题
2015/11/29 面试题
2015社区健康教育工作总结
2015/05/20 职场文书
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server
Pytorch 如何实现常用正则化
2021/05/27 Python