javascript中利用正則表示式實現表單驗證

阿新 • • 發佈：2019-02-15

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <head>
    <script type="text/javascript">
    function $(id){
        return document.getElementById(id);
    }

    function checkEmail(){
        while(true){
        $("mail").innerHTML="";
        var reg = /^\

[email protected]\w+(\.[a-zA-Z]{2,3}){1,2}$/;
            var email = $("email").value;
            if(email==""){
                $("mail").innerHTML="email不能為空";
                return false;
            }
            if(reg.test(email)==false){
                $("mail").innerHTML="email格式不正確";
                return false;
            }
            $("mail").innerHTML="√";
            return true;
            break;
            }
        }
    function checkpwd(){
        while(true){
   $("ps").innerHTML="";
   var reg =/^\S{6,16}$/;
        var password = $("pwd").value;
        if(password==""){
            $("ps").innerHTML= "密碼不能為空";
            return false;
        }

        if(reg.test(password)==false){
            $("ps").innerHTML="密碼的長度必須在6-16之間";
            return false;
        }
        $("ps").innerHTML="√";
        return true;
        break;
        }
    }
    function checkrepwd(){
        while(true){
   $("reps").innerHTML="";
        if($("pwd").value!=$("repwd").value){
            $("reps").innerHTML="密碼不一致，請重新輸入！";
            return false;
        }
        $("reps").innerHTML="√";
        return true;
        break;
        }
    }

    function checkUsname(){
        while(true){
   $("name").innerHTML="";
   var reg = /^[a-zA-Z][a-zA-Z0-9]{4,15}$/;
        var username=document.getElementById("username").value;
        if(username==""){
            $("name").innerHTML="使用者名稱不能為空";
            return false;
        }
        for(var i=0;i<username.length;i++){
            var j=username.substring(i,i+1);
            if(reg.test(username)==false){
                $("name").innerHTML="使用者名稱不能以數字開頭，且最少5位，最多15位";
                return false;
            }

        }
        $("name").innerHTML="√";
        return true;
        break;
    }
    }
    function check(){
        if(checkUsername&&checkpwd()&&checkrepwd()&&checkEmail()){
            return true;
        }else{
            return false;
        }
    }
    </script>
    </head>
    <body>
    <form method="post" onSubmit="return check()">
    <table width="70%" >
        <tbody>
            <tr >
                <td colspan="2" >user register</td>
            </tr>
            <tr>
                <td>username</td>
                <td><input type="text" id="username" onBlur="checkUsname()"/><span

id="name"></span></td>
            </tr>
            <tr>
                <td>password</td>
                <td><input type="password" id="pwd"/ onblur="checkpwd()"><span

id="ps"></span></td>
            </tr>
            <tr>
                <td>repassword</td>
                <td><input type="password" id="repwd" onBlur="checkrepwd()"/><span

id="reps"></span></td>
            </tr>
            <tr>
                <td>email</td>
                <td><input type="text" id="email" onBlur="checkEmail()"/><span

id="mail"></span></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" id="sbm"/>  <input

type="reset" id="rst"/></td>
            </tr>
    </table>
    </form>
    </body>
    </html>

javascript中利用正則表示式實現表單驗證

javascript中利用正則表示式實現表單驗證

js中利用正則表示式實現空格與換行的互相轉換

JavaScript正則表示式與表單驗證

javaScript各種正則表示式-用於表單驗證

JavaScript（正則表示式、表單驗證、郵箱驗證、函式、HTML DOM）

正則表示式和表單驗證

Python中利用正則表示式用逗號分割資料，但是忽略引號中的逗號的方法

PHP利用正則表示式實現手機號碼中間4位用星號替換顯示

JavaScript-運用正則表示式檢驗表單

javascript中的正則表示式(來自W3C)

C#中利用正則表示式檢測檔案路徑的合法性

JS中利用正則表示式交換函式的引數位置

JavaScript使用正則表示式實現迷糊查詢

java利用正則表示式提取字串中的整數和小數部分

如何利用selenium+python獲取click()方法後請求返回的結果包含： javascript 陣列操作正則表示式匹配返回陣列，js兩個陣列取差集，再去重 by qiweb 2018

java 利用正則表示式去處字串中的所有空格

利用正則表示式去除字串中的空格

form 表單中日期正則表示式判斷

Java程式中通過Jakarta-ORO庫利用正則表示式(轉貼)

js中使用正則表示式驗證表單欄位

javascript中利用正則表示式實現表單驗證

相關推薦