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 位置插件
Dec 25 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
深入理解Javascript闭包 新手版
Dec 28 Javascript
js原型链原理看图说明
Jul 07 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
Angular网络请求的封装方法
May 22 Javascript
原生js实现trigger方法示例代码
May 22 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 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将向Java靠拢
2006/10/09 PHP
PHP 事务处理数据实现代码
2010/05/13 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
php实现的树形结构数据存取类实例
2014/11/29 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
javascript 对象定义方法 简单易学
2009/03/22 Javascript
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
Vue.js 表单控件操作小结
2018/03/29 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
vue实现简单计算商品价格
2020/09/14 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
python文件比较示例分享
2014/01/10 Python
理解Python中的With语句
2015/02/02 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
Python configparser模块常用方法解析
2020/05/22 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
应届大学生求职信
2013/12/01 职场文书
音乐教学案例
2014/01/30 职场文书
新入职员工工作总结
2015/10/15 职场文书
公司周年庆寄语
2019/06/21 职场文书
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫