JavaScript練習（一）
阿新 • • 發佈：2019-01-27
學習了JavaScript基礎，試著完成三個小的Demo練習
一、輸入驗證，使用者需要在頁面上輸入使用者名稱和電話號碼，格式如下:
使用者名稱（3到6位字母數字的組合）
電話號碼(6位數字)
輸入格式正確，則彈出錄入正確，格式錯誤則彈出錄入錯誤！
========================================答案========================================
html程式碼：
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> </head> <body> 使用者名稱（3到6位字母數字的組合）：<input type="text" id="username" onblur="userJudge()"/><br /> 電話號碼(6位數字):<input type="text" value="" id="tel" onblur="telJudge()"/><br /> </body> <script> function userJudge(){ var userN = document.getElementById("username"); var regs = /^[a-zA-Z0-9]{3,6}$/; var reg = new RegExp(regs); var result = reg.test(userN.value); if(result){ alert('錄入正確'); }else{ alert('錄入錯誤') } } function telJudge(){ var phone = document.getElementById("tel"); var regs = /^[0-9]{6}$/; var reg = new RegExp(regs); var result = reg.test(phone.value); if(result){ alert('錄入正確'); }else{ alert('錄入錯誤') } } </script> </html>
效果圖：
