编程 Javascript

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 正则表达式验证密码、邮箱格式的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时会及时回复大家的！

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

- Author -

_____null

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery选择器之内容过滤选择器详解

Jan 27 Javascript

Jquery自定义button按钮的几种方法

Jun 11 Javascript

jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7

Jun 16 Javascript

JavaScript时间转换处理函数

Apr 14 Javascript

jQuery 中的 DOM 操作

Apr 26 Javascript

js 调用百度分享功能

Feb 27 Javascript

使用BootStrap实现标签切换原理解析

Mar 14 Javascript

JS 实现缓存算法的示例（FIFO/LRU）

Mar 20 Javascript

解决select2在bootstrap modal中不能正常使用的问题

Aug 09 Javascript

Vue 与 Vuex 的第一次接触遇到的坑

Aug 16 Javascript

VUE脚手架的下载和配置步骤详解

Apr 01 Javascript

微信小程序网络层封装的实现（promise, 登录锁）

May 08 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