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

#######帳戶、密碼格式···正則驗證:網站

涉及的知識點:
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>
    
簡單的搭建,並無太多了技術含量,只是但願衆多讀者能從中理解最基本的原理,而後在本身設計的代碼上錦上添花。複製代碼
相關文章
相關標籤/搜索