JS 正则表达式验证密码、邮箱格式的实例代码

 更新时间:2018年10月28日 12:57:27   转载 作者:_____null  
这篇文章主要介绍了JS 正则表达式验证密码、邮箱格式的实例代码,需要的朋友可以参考下

遗憾的是博客内容不允许包含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 正则表达式验证密码、邮箱格式的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时会及时回复大家的!

相关文章

  • Stop SQL Server

    Stop SQL Server

    Stop SQL Server...
    2007-06-06
  • Javascript iframe交互并兼容各种浏览器的解决方法

    Javascript iframe交互并兼容各种浏览器的解决方法

    这篇文章主要介绍了Javascript iframe交互并兼容各种浏览器的解决方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • JavaScript头像上传插件源码分享

    JavaScript头像上传插件源码分享

    这篇文章主要为大家分享介绍了JavaScript头像上传插件源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js实现div弹出层的方法

    js实现div弹出层的方法

    这篇文章主要介绍了js实现div弹出层的方法,以实例的形式完整的实现了js弹出div层的效果,并且弹出层可拖拽、可关闭,用户还可根据个人喜好自定义弹出层的显示效果,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • 如何用JS/HTML将时间戳转换为“xx天前”的形式

    如何用JS/HTML将时间戳转换为“xx天前”的形式

    如果我们有一份过去时间戳,如何使用JS/HTML将时间戳转换为“xx天前”的形式呢?很多朋友都觉得解决办法有点困难,其实很简单的,下面小编给大家分享完整的实现代码,一起看看吧
    2017-02-02
  • JavaScript实现职责链模式概述

    JavaScript实现职责链模式概述

    这篇文章主要介绍了JavaScript实现职责链模式概述,详细的介绍了什么是职责链模式和实现方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • 基于JS模仿windows文件按名称排序效果

    基于JS模仿windows文件按名称排序效果

    这篇文章主要介绍了基于JS实现模仿windows文件按名称排序的相关资料,主要是对数字的处理操作,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript简单下拉菜单实例代码

    JavaScript简单下拉菜单实例代码

    这篇文章主要介绍了JavaScript简单下拉菜单,采用JavaScript定时函数递归调用实现菜单渐显效果,非常简单实用,需要的朋友可以参考下
    2015-09-09
  • layer ui 导入文件之前传入数据的实例

    layer ui 导入文件之前传入数据的实例

    今天小编就为大家分享一篇layer ui 导入文件之前传入数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js页面跳转的问题(跳转到父页面、最外层页面、本页面)

    js页面跳转的问题(跳转到父页面、最外层页面、本页面)

    js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下
    2013-08-08

最新评论