正则判断表单输入
簡單的表單驗證，直接上代碼，初學(xué)正則，加油加油！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表單驗證</title> </head> <body> <form action="" > <ul> <li>用戶賬號：<input type="text" id="count" onblur="checkCount()"><span id="countwr"></span></li> <li>真實姓名：<input type="text" id="name" onblur="checkName()"><span id="namewr"></span></li> <li>輸入密碼：<input type="password" id="password" onblur="checkPassword()"><span id="passwordwr"></span></li> <li>確認(rèn)密碼：<input type="password" id="pdConfirm" onblur="chenckPdconfirm()"><span id="pdConfirmwr"></span></li> </ul> <button type="submit" id="hidden-window-yes" >確定</button> </form> <script> //驗證賬號 function checkCount() { var exp = /^([0-9]{6})$/; var count = document.getElementById("count").value; var countwr=document.getElementById("countwr"); console.log(exp.test(count)); if(exp.test(count)){ countwr.innerText = "輸入正確！"; countwr.style.color="green"; return true; } else { countwr.innerText = "請輸入六位數(shù)字！"; countwr.style.color="red"; return false; } } //驗證姓名 function checkName() { var exp = /^([\u4E00-\u9FA5]+)$/; var name = document.getElementById("name").value; var namewr =document.getElementById("namewr"); console.log(exp.test(name)); if(exp.test(name)) { namewr.innerText = "輸入正確！"; namewr.style.color="green"; return true; } else { namewr.innerText = "輸入錯誤！"; namewr.style.color = "red轉(zhuǎn)載于:https://www.cnblogs.com/xiaoluoli/p/5853571.html
總結(jié)
- 上一篇： iOS RSA加密
- 下一篇： bzoj1878: [SDOI2009]