JavaScript表單驗證登錄
阿新 • • 發佈:2018-02-19
inpu tex 後端服務 false asc 輸入 user var .get
在登錄時,通常是將輸入的信息原封不動的傳送給後端的處理程序,然後處理之後返回結果,那麽可能後端服務器的壓力就很大,所以可以先在提交表單之前進行一些簡單的檢測,然後再發給後端,減小服務器的一部分壓力:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="login.php" method="post" onsubmit="return login();"> <input type="text" name="username"> <input type="submit" name="submit" value="login"> </form> </body> <script> function login(){ var username = document.getElementsByName("username")[0].value; if( username.trim().length < 1 ){ alert("用戶名不能為空"); return false; } var flag = confirm("尊敬的 " + username + " 是否確認登錄?"); if( flag != true ){ return false; } var pwd = prompt("請輸入密碼"); if( pwd.trim().length < 1 ){ alert("密碼不能為空"); return false; } return true; } </script> </html>
JavaScript表單驗證登錄