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 相关文章推荐
基于jquery的图片幻灯展示源码
Jul 15 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
mpvue 单文件页面配置详解
Dec 02 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 07 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
3种平台下安装php4经验点滴
2006/10/09 PHP
Apache, PHP在Windows 9x/NT下的安装与配置 (二)
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python如何修改装饰器中参数
2018/03/20 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
Python并发请求下限制QPS(每秒查询率)的实现代码
2020/06/05 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
班级寄语大全
2014/04/10 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
Golang jwt身份认证
2022/04/20 Golang