JavaScript獲取html表單值驗證后跳轉網頁中的關鍵點


關鍵代碼:

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"里的頁面


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM