您好,登錄后才能下訂單哦!
本文實例為大家分享了js正則表達式驗證登錄的具體代碼,供大家參考,具體內容如下
代碼片段:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>qq登錄模擬測試</title> </head> <body> <form name="form1" action="#" method="post"> <input type="text" placeholder="賬號" name="username" ><br><br> <input type="password" placeholder="密碼" name="password" id="pw"> <input type="button" name="" id="btn" value="點擊顯示" /> <br><br> <input name="Submit" type="button" onClick="check()" value="登錄"/> </form> </body> <!--賬號密碼驗證--> <script type="text/javascript"> function check(){ /*非空*/ if(form1.username.value==""){ alert("賬號不能為空"); form1.username.focus(); return false; } /*含非數字、首字母為0 /^[0-9]*$/*/ var number=/^(0|[1-9][0-9]*)$/; var objExp1=new RegExp(number); if(objExp1.test(form1.username.value)==false){ alert("賬號不能含非數字和首字符為0"); form1.username.focus(); return false; } /*賬號小于6位數*/ if(form1.username.value.length < 6){ alert("賬號位數過小,請輸入6-11位數字"); form1.username.focus(); return false; } /*賬號大于11位數*/ if(form1.username.value.length > 11){ alert("賬號位數過大,請輸入6-11位數字"); form1.username.focus(); return false; } /*密碼非空*/ if(form1.password.value==""){ alert("密碼不能為空"); form1.password.focus(); return false; } /*密碼含有非符號、字母、數字以外字*/ var illegal=/^[0-9a-zA-Z!~@#$%^&*()_+`\-={}:";'<>?,.\/]*$/g; var objExp2=new RegExp(illegal); if(objExp2.test(form1.password.value)==false){ alert("密碼含有非法字符"); form1.password.focus(); return false; } /*密碼小于6位數*/ if(form1.password.value.length < 6){ alert("密碼位數過小,請輸入6-16位數字"); form1.password.focus(); return false; } /*密碼大于16位數*/ if(form1.password.value.length > 16){ alert("密碼位數過大,請輸入6-16位數字"); form1.password.focus(); return false; } form1.submit(); } </script> <!--回顯密碼--> <script type="text/javascript"> window.οnlοad=function(){ var btn=document.getElementById("btn"); var password=document.getElementById("pw") btn.οnmοusedοwn=function(){ password.type="text" }; btn.οnmοuseup=btn.οnmοuseοut=function(){ password.type="password" } } </script> </html>
結果顯示:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。