技術標籤：JavaScript正則表示式javascript

案例：正則表示式表單驗證 js小案例

功能需求：

頁面展示：

案例分析：

核心程式碼：

<input type="text" class="uname">
<span>請輸入使用者名稱</span>
<script>
    var reg = /^[a-zA-Z0-9_-]{6,16}$/;
    var uname = document.querySelector('.uname');
    var span = document.querySelector('span');
    uname.onblur = function () {
        if (reg.test
 
(this.value)) {
            console.log('正確的');
            span.className = 'right';
            span.innerHTML = '使用者名稱格式輸入正確';
        } else {
            console.log('錯誤的');
            span.className = 'wrong';
            span.innerHTML = '使用者名稱格式輸入不正確';
        }
    }
</script>

原始碼下載