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 相关文章推荐
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
webpack 从指定入口文件中提取公共文件的方法
Nov 13 Javascript
微信小程序 slot踩坑的解决
Apr 01 Javascript
JavaScript canvas实现雪花随机动态飘落
Feb 08 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 5.3.0 安装分析心得
2009/08/07 PHP
用js遍历 table的脚本
2008/07/23 Javascript
JS 面向对象的5钟写法
2009/07/31 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
使用Python编写提取日志中的中文的脚本的方法
2015/04/30 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
python版本的仿windows计划任务工具
2018/04/30 Python
使用Python实现跳一跳自动跳跃功能
2019/07/10 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
python的等深分箱实例
2019/11/22 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
Hotels.com台湾:饭店订房网
2017/09/06 全球购物
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
社区学习十八大感想
2014/01/22 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
销售目标责任书
2014/07/23 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
音乐教师个人总结
2015/02/06 职场文书
大学迎新生欢迎词
2015/09/29 职场文书