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通过正则表达式实现表单验证电话号码
Mar 07 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 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程序?
2006/12/08 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
一分钟理解js闭包
2016/05/04 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
Angularjs 与 bower安装和使用详解
2017/05/11 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
深入理解es6块级作用域的使用
2019/03/28 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
Python中zip()函数用法实例教程
2014/07/31 Python
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
Python中文分词工具之结巴分词用法实例总结【经典案例】
2017/04/15 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
Python实现图片识别加翻译功能
2019/12/26 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
Sofft鞋官网:世界知名鞋类品牌
2017/03/28 全球购物
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
煤矿安全生产月活动总结
2014/07/05 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
企业法人授权委托书
2014/09/25 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers