我的主頁中有一個用于輸入用戶電子郵件地址的字段和一個按鈕。用戶輸入電子郵件并點擊按鈕后，它應該重定向到注冊頁面并自動填充注冊表單的電子郵件字段值。我知道如何在 JQuery 中執行此操作，但問題是將值從一個頁面發送到另一個頁面......主頁：<input type="email" id="valbox" class="text-box form-control" style="max-width: 200px;"placeholder="Enter Your Email Id" required>
<button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>注冊頁面：<input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">
1 回答
婷婷同學_
TA貢獻1844條經驗 獲得超8個贊
您的主頁應將值傳遞給 a，session如下所示：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input type="email" id="valbox" class="text-box form-control" style="max-width: 200px;" placeholder="Enter Your Email Id" required>
<button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>
</body>
<script>
$(function() {
$('#butval').on('click', function(){
let text = $('#valbox').val();
if(!text){
alert("Please enter your email")
}else{
sessionStorage.setItem("email", text);
window.location.replace("login.html");
}
})
});
</script>
</html>
然后，您的注冊頁面將檢索它并將其設置為電子郵件輸入的值：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">
</body>
<script>
$(function() {
$('#email').val(sessionStorage.getItem("email"));
});
</script>
</html>
- 1 回答
- 0 關注
- 85 瀏覽
添加回答
舉報
0/150
提交
取消