關鍵代碼:
1.表單部分
<form action="Depart.jsp" name="myform" method="post" onsubmit="return check()">
<div>
<h1>登陸</h1>
<input type="text" name="id" id="id" required lay-verify="required" placeholder="請輸入賬號" autocomplete="off" class="layui-input">
<input type="password" name="pas"id="pas" required lay-verify="required" placeholder="請輸入密碼" autocomplete="off" class="layui-input">
<button type="submit" class="layui-btn" >登陸</button>
<button type="submit" class="layui-btn " >注冊</button>
</div>
</form>
2.js代碼部分
<script>
function check(){
var name=document.forms["myform"]["id"].value;
if(name=="tea1")
{
alert("將進入校稿人頁面");
window.location.href="First.jsp";
return false;
}else if(name=="tea2"){
alert("將進入審稿人頁面");
window.location.href="Second.jsp";
return false;
}
}
</script>
3.js獲取表單值關鍵點:
(1) var name=document.forms["myform"]["id"].value; 獲取對應值在表單的位置要對應正確
(2)遇到問題耐心找方法onsubmit="return check()這段代碼要加在<form>標簽內
4.js實現網頁跳轉到與<form action="sss.jsp">不同於sss.jsp頁面的方法關鍵點
(3)onsubmit="return check()這段代碼要加在<form>標簽內
(4)且check()返回值為false,若return true,頁面會跳轉到action="Depart.jsp"里的頁面