编程 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 相关文章推荐

经典的解除许多网站无法复制文字的绝招

Dec 31 Javascript

33个优秀的 jQuery 图片展示插件分享

Mar 14 Javascript

侧栏跟随滚动的简单实现代码

Mar 18 Javascript

多个jquery.datatable共存,checkbox全选异常的快速解决方法

Dec 10 Javascript

如何获取网站icon有哪些可行的方法

Jun 05 Javascript

JavaScript中的Array 对象（数组对象）

Jun 02 Javascript

vuejs 单文件组件.vue 文件的使用

Jul 28 Javascript

通过button将form表单的数据提交到action层的实例

Sep 08 Javascript

对于防止按钮重复点击的尝试详解

Apr 22 Javascript

Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解

Mar 29 Javascript

Taro小程序自定义顶部导航栏功能的实现

Dec 17 Javascript

JS中箭头函数与this的写法和理解

Jan 14 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