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 相关文章推荐
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
Mar 17 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
小程序click-scroll组件设计
Jun 18 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
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
PHP常用处理静态操作类
2015/04/03 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
jquery对表单操作2
2011/04/06 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
Python单元测试框架unittest简明使用实例
2015/04/13 Python
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
五年级英语教学反思
2014/01/31 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
初中学生操行评语
2014/12/26 职场文书
学校社团活动总结
2015/05/07 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA