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 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
javascript与CSS复习(《精通javascript》)
Jun 29 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
javascript 实现 原路返回
Jan 21 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
layui table数据修改的回显方法
Sep 04 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中定义网站根目录的常用方法
2010/08/08 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
php检测url是否存在的方法
2015/04/14 PHP
PHP实现图片自动清理的方法
2015/07/08 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
JS打开新窗口的2种方式
2013/04/18 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
2017/02/20 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
pytorch逐元素比较tensor大小实例
2020/01/03 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
数百万免费的图形资源:Freepik
2020/09/21 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
.NET里面如何取得当前的屏幕分辨率
2012/12/06 面试题
精神文明单位申报材料
2014/05/02 职场文书
教师师德演讲稿
2014/05/06 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
银行贷款收入证明
2014/10/17 职场文书
2015年大学生实习评语
2015/03/25 职场文书
小学教研工作总结2015
2015/05/13 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript