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限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
Jun 12 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
package.json文件配置详解
Jun 15 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
JavaScript实现左侧菜单效果
Dec 14 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
Jul 20 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 判断数组是几维数组
2013/03/20 PHP
解析htaccess伪静态的规则
2013/06/18 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
关于js类的定义
2011/06/28 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
jQuery简单动画变换效果实例分析
2016/07/04 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
ReactRouter的实现方法
2021/01/25 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
python妙用之编码的转换详解
2017/04/21 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
回门宴答谢词
2014/01/13 职场文书
《乡愁》教学反思
2014/02/18 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
一般党员对照检查材料
2014/09/24 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
MySQL系列之三 基础篇
2021/07/02 MySQL
Golang gRPC HTTP协议转换示例
2022/06/16 Golang