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的inputlimiter 实现字数限制功能
May 30 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
Gulp实现静态网页模块化的方法详解
Jan 09 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
解析JS在获取当前月的最后一天遇到的坑
Aug 30 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
javascript的setTimeout()使用方法总结
Nov 20 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
2014过年倒计时示例
2014/01/31 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
使用JavaScript switch case 另类写法
2010/03/14 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
详解AngularJS中自定义过滤器
2015/12/28 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
python入门教程之识别验证码
2017/03/04 Python
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
python实现简单飞行棋
2020/02/06 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
幼儿园运动会加油词
2014/02/14 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
护理实习生带教计划
2015/01/16 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
用python修改excel表某一列内容的操作方法
2021/06/11 Python