jsp頁面中正則表達式的使用

首先這是需要顯示的注冊界面，其中每一項都對應有id值

onblur 屬性在元素失去焦點時觸發。
onblur 常用於表單驗證代碼（例如用戶離開表單字段）。
也就是說每次用戶輸入完信息之后，鼠標焦點離開輸入框的時候，會調用一次checkXxx（）方法。這個方法是采用js寫的。然后我們可以在這個方法里面獲取我們的輸入信息，進行正則匹配，判斷用戶輸入的信息是否符合要求。

<div class="register_id" id="formID">
                <input type="text" name="lid" placeholder="請輸入用戶id"/>
            </div>
            <div class="register_account">
                <input type="text" name="lusername" id="formName" onblur="checkName()" placeholder="請輸入用戶名(只能以字母開頭，且必須是字母與數字的組合)"/>
                   <span style="font-size:13px" id="namespan"></span>
            </div>
            <div class="register_password">
                <input type="password" name="lpassword" id="formPwd" onblur="checkPwd()" placeholder="請輸入密碼(只能以字母開頭，且必須是字母與數字的組合)"/>
                <span style="font-size:13px" id="pwdspan"></span>
            </div>
            <div class="register_repassword">
                <input type="password" name="lrepassword" id="formRepwd" onblur="checkRepwd()" placeholder="請再次輸入密碼(只能以字母開頭，且必須是字母與數字的組合)"/>
                <span style="font-size:13px" id="repwdspan"></span>
            </div>
            <div class="register_tel">
                <input type="text" name="ltel" id="formTel" onblur="checkTel()" placeholder="請輸入聯系電話(只能是數字的組合)"/>
                <span style="font-size:13px" id="telspan"></span>
            </div>
            <div class="register_address">
                <input type="text" name="laddress" id="formAddress" onblur="checkAddress()" placeholder="請輸入家庭住址(只能以字母開頭，且必須是字母間的組合)"/>
                   <span style="font-size:13px" id="addressspan"></span>
            </div>

需要對輸入的每一項進行檢查，因此在script標簽中寫檢查是否合格代碼

注意：正則表達式可根據自己需要進行更換!!!

//檢查用戶名
        function checkName(){  
            var name = document.getElementById("formName").value;  
            var spanNode = document.getElementById("namespan");  
            //用戶名的規則： 昵稱的長度為1-15，包含任意的字母、數字、中文，不可以使用其他符號
            var reg = /^([\u4e00-\u9fa5]|[a-zA-Z0-9]){1,15}$/i;      
            if(reg.test(name)){  
                //符合規則 
                spanNode.innerHTML = "".fontcolor("green");  
                return true;  
            }else{  
                //不符合規則  
                spanNode.innerHTML = "昵稱的長度為1-15，包含任意的字母、數字、中文，不可以使用其他符號".fontcolor("red");      
                return false;  
            }     
        }   
        
        //2.檢查密碼
        function checkPwd(){  
            var password = document.getElementById("formPwd").value;  
            var spanNode = document.getElementById("pwdspan");  
            //密碼的規則： 6-16，包含任意的字母、數字，不可以使用其他符號
            var reg = /^([a-zA-Z0-9]){6,16}$/i;      
            if(reg.test(password)){  
                //符合規則  
                spanNode.innerHTML = "".fontcolor("green");   
                return true;  
            }else{  
                //不符合規則  
                spanNode.innerHTML = "密碼的長度為 6-16，包含任意的字母、數字，不可以使用其他符號".fontcolor("red");    
                return false;  
            }     
        }   
        //3.檢查再次輸入的密碼
        function checkRepwd(){  
            var repassword = document.getElementById("formRepwd").value; 
            var password = document.getElementById("formPwd").value; 
            var spanNode = document.getElementById("repwdspan"); 
            var reg = /^([a-zA-Z0-9]){6,16}$/i;      
            if(reg.test(repassword)){  
                if(repassword==password){  
                    //符合規則  
                    spanNode.innerHTML = "".fontcolor("green");   
                    return true;  
                }else{  
                    //不符合規則  
                    spanNode.innerHTML = "兩次輸入的密碼不一致".fontcolor("red");    
                    return false;  
                }    
            }else{
                //不符合規則  
                spanNode.innerHTML = "密碼的長度為 6-16，包含任意的字母、數字，不可以使用其他符號".fontcolor("red");    
                return false;  
            }  
        }   
        //4.檢查電話
        function checkTel(){  
            var tel = document.getElementById("formTel").value;  
            var spanNode = document.getElementById("telspan");  
            //電話的規則：1開頭，一共11位數字
            var reg = /^1[0-9]{10}$/i;   
            if(reg.test(tel)){  
                //符合規則  
                spanNode.innerHTML = "".fontcolor("green");   
                return true;  
            }else{  
                //不符合規則  
                spanNode.innerHTML = "電話的長度為 11，且由1開頭，不可以使用其他符號".fontcolor("red");    
                return false;  
            }     
        }   
        //5.檢查地址
        function checkAddress(){  
            var address = document.getElementById("formAddress").value;  
            var spanNode = document.getElementById("addressspan");  
          //地址的規則：地址的長度為1-15，包含任意的字母、數字、中文，不可以使用其他符號
            var reg = /^([\u4e00-\u9fa5]|[a-zA-Z0-9]){1,15}$/i;   
            if(reg.test(address)){  
                //符合規則  
                spanNode.innerHTML = "".fontcolor("green");   
                return true;  
            }else{  
                //不符合規則  
                spanNode.innerHTML = "地址的長度為1-15，包含任意的字母、數字、中文，不可以使用其他符號".fontcolor("red");    
                return false;  
            }     
        }

在點擊"注冊"按鈕之后form表單會提交到action，這個時候觸發onsubmit事件，跳轉至checkAll()方法

<form action="r_register.action" method="post" onsubmit="return checkAll()">

checkAll()方法也在script標簽中

//6.檢查用戶所有的輸入的所有是否符合規則
        function checkAll(){   
             var name = checkName();  
             var pwd = checkPwd();  
             var repwd = checkRepwd();  
             var tel = checkTel();  
             var address = checkAddress();  
             if(name&&pwd&&repwd&&tel&&address){  
                 return true;  
             }else{  
                 return false;  
             }  
         }    

然后檢測即可