登陸介面確認
阿新 • • 發佈：2021-08-11
<%@ page contentType="text/html;charset=gb2312"%>
<script language="JavaScript">
function isValidate(form)
{
// 得到使用者輸入的資訊
userid = form.userid.value;
userpass = form.userpass.value;
// 判斷使用者名稱長度
if(!minLength(userid,6))
{
alert("使用者名稱長度小於 6 位！");
form.userid.focus();
return false;
}
if(!maxLength(userid,8))
{
alert("使用者名稱長度大於 8 位！");
form.userid.focus();
return false;
}
// 判斷口令長度
if(!minLength(userpass,6))
{
alert("口令長度小於 6 位！");
form.userpass.focus();
return false;
}
if(!maxLength(userpass,8))
{
alert("口令長度大於 8 位！");
form.userpass.focus();
return false;
}
// 判斷使用者名稱和口令是否相同
if(userid==userpass)
{
alert("使用者名稱和口令不能相同！");
form.userpass.focus();
return false;
}
return true;
}
// 驗證是否滿足最小長度
function minLength(str,length)
{
if(str.length>=length)
return true;
else
return false;
}
// 判斷是否滿足最大長度
function maxLength(str,length)
{
if(str.length<=length)
return true;
else
return false;
}
</script>
<html>
<head>
<title>使用者登入</title>
</head>
<body>
<h2>使用者登入</h2>
<form name="form1" action="login_process.jsp" method="post"
onsubmit="return isValidate(form1)">
使用者名稱：<input type="text" name="userid"> <br>
口令：<input type="password" name="userpass"><br>
<input type="reset" value="重置">
<input type="submit" value="提交"><br>
</form>
</body>