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 相关文章推荐
firefox插件Firebug的使用教程
Jan 02 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
js自定义回调函数
Dec 13 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
JavaScript仿聊天室聊天记录
Dec 27 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 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
第九节--绑定
2006/11/16 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
PHP的伪随机数与真随机数详解
2015/05/27 PHP
Yii操作数据库实现动态获取表名的方法
2016/03/29 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
Javascript window对象详解
2014/11/12 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
JavaScript变量Dom对象的所有属性
2020/04/30 Javascript
[02:37]2015国际邀请赛选手档案—LGD.Xiao8
2015/07/28 DOTA
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
Python中的装饰器用法详解
2015/01/14 Python
Python中random模块用法实例分析
2015/05/19 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
解决python opencv无法显示图片的问题
2018/10/28 Python
用Python配平化学方程式的方法
2019/07/20 Python
python面向对象 反射原理解析
2019/08/12 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
2014年应届大学生自我评价
2014/01/09 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android
MySQL导致索引失效的几种情况
2022/06/25 MySQL