在登录时,通常是将输入的信息原封不动的传送给后端的处理程序,然后处理之后返回结果,那么可能后端服务器的压力就很大,所以可以先在提交表单之前进行一些简单的检测,然后再发给后端,减小服务器的一部分压力:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="login.php" method="post" οnsubmit="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>