賬戶、密碼格式···正則驗證

前端小鐵人發表於2019-10-15
密碼

#######賬戶、密碼格式···正則驗證：

涉及的知識點：
1.xxx.onblur事件
2.正則寫法
3.正則的驗證

在各大網站中，我們經常會被要求註冊後，才能用某些功能，所以我們就需要註冊，進而衍生出對我們的賬號或者密碼的註冊格式的驗證！

以下是最基本，也是最簡單的驗證功能。
如果我們要對原生DOM節點的操作，千篇一律的始終是取到這個元素。
```程式碼如下：
    <script>
        var username = document.querySelector("#username");
        username.onblur = function() {
            //自己設定一個正則/^[a-zA-Z].{5,19}/
            if(/^[a-zA-Z].{5,19}/.test(this.value)){
                //我們在這裡又碰見了this，我再重申一遍：this玩不明白，是得不到UI小姐姐的愛的。
                document.querySelector("#yes").innerHTML = "√"；
            }else{
                document.querySelector("#yes").innerHTML = "×"
            }
        }
        //密碼的設定同上
        var password = document.querySelector("#password");
        password.onblur = function () {
        if (/[0-9]{6}/.test(this.value)) {
        //alert("對了")
        document.querySelector("#no").innerHTML = "√"
        } else {
        //alert("錯了")
        document.querySelector("#no").innerHTML = "×";
    }
}
    </script>
    
簡單的搭建，並沒有太多了技術含量，只是希望眾多讀者能從中理解最基本的原理，然後在自己設計的程式碼上錦上添花。複製程式碼

相關文章