码迷,mamicode.com
首页 > 其他好文 > 详细

正则表达式验证账号代码

时间:2018-12-30 02:34:42      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:ESS   charset   user   onclick   utf-8   身份证   技术   button   http   

 

1、正则表达式验证密码账号等:

 

<!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>

 

效果图如下

技术分享图片

正则表达式验证账号代码

标签:ESS   charset   user   onclick   utf-8   身份证   技术   button   http   

原文地址:https://www.cnblogs.com/yohoooooo/p/10198408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!