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 在网页中的运用(asp.net)
Nov 23 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
node使用request请求的方法
Dec 20 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 12 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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
第七节 类的静态成员 [7]
2006/10/09 PHP
Php注入点构造代码
2008/06/14 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
PHP vsprintf()函数格式化字符串操作原理解析
2020/07/14 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
常用DOM整理
2015/06/16 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
js实现旋转木马效果
2017/03/17 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
详解vue组件基础
2018/05/04 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
实例讲解v-if和v-show的区别
2019/01/31 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
python模块之sys模块和序列化模块(实例讲解)
2017/09/13 Python
python 多线程重启方法
2019/02/18 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
Unix控制后台进程都有哪些进程
2016/09/22 面试题
成人毕业生自我鉴定
2013/10/18 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
员工工作能力评语
2014/12/31 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
Python 正则模块详情
2021/11/02 Python
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android