当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS 正则表达式验证密码、邮箱格式的实例代码

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

2018年11月05日  | 移动技术网IT编程  | 我要评论

遗憾的是博客内容不允许包含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 正则表达式验证密码、邮箱格式的实例代码，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网