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 放大镜 放大倍率和视窗尺寸
May 09 Javascript
Javascript 页面模板化很多人没有使用过的方法
Jun 05 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
Oct 30 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
elementui实现预览图片组件二次封装
Dec 29 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
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
如何在PHP中使用数组
2020/06/09 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
js清空form表单中的内容示例
2014/05/20 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
2020/12/04 Javascript
python发送arp欺骗攻击代码分析
2014/01/16 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
Python简单实现区域生长方式
2020/01/16 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
Python colormap库的安装和使用详情
2020/10/06 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
低碳生活倡议书
2014/04/14 职场文书
师范类求职信
2014/06/21 职场文书
2014年行政部工作总结
2014/11/19 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
整改通知书格式
2015/04/22 职场文书
python Tkinter的简单入门教程
2021/04/11 Python
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA