簡體   English   中英

表單提交時的JavaScript重定向

[英]JavaScript redirect on form submission

我正在嘗試做一個練習,該練習將允許用戶根據他們的搜索詞重定向到特定的本地網頁。 由於某些原因,window.location.replace將不會重定向。 我嘗試了一個window.location的變體,該變體在新標簽頁中打開了目標網頁,並且可以正常工作。 任何幫助表示贊賞!

html

<form name="form1" onsubmit="myFunction()">
Street Address:
<input type="text" id="streetaddress" required="true"><br>
Township:
<input type="text" id="township" required="true">
<br>
<input type="submit" onclick="return myFunction()" name="Search" value="Search">
</form>
<p id="demo"></p>

js

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "";
var nameValue1 = document.getElementById("streetaddress").value;
var nameValue2 = document.getElementById("township").value;

if (nameValue1.toUpperCase() === "1 MARJORAM DRIVE" && nameValue2.toUpperCase() === "LUMBERTON") {
window.location.replace("landingpage.html");
}
else {
document.getElementById("demo").innerHTML = "<font color='red'><p>0 results</p></font>";
return false;
}
}
</script>

更新資料

我已經修改了實現建議解決方案的代碼,但是仍然遇到頁面無法重定向的相同問題。 我從原始代碼更改的行如下...

html

<form name="form1" onSubmit="return myFunction()">

<input type="submit" name="submit" class="submit" value="Search">

js

if (nameValue1.toUpperCase() === "1 MARJORAM DRIVE" && nameValue2.toUpperCase() === "LUMBERTON") {
window.location.href = 'landingpage.html';
}

只需更改window.location變量

window.location = "http://www.newsite.com/path/to/page";

對於本地托管的頁面,請使用以下命令:

window.location.href = "newlocation.html";

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM