gpt4 book ai didi

javascript - 按 Enter 不会提交表单 - Javascript

转载 作者:行者123 更新时间:2023-11-30 08:54:45 25 4
gpt4 key购买 nike

我正在构建一个基本站点,我希望用户能够在其中输入“关键字”以将他们重定向到特定页面。不同的关键字将重定向到不同的页面。

例如,Apple 将重定向到 Apple.com(只是一个例子,不是在我的网站上)。

我在另一个网站上找到了另一个人的 Javascript(如下所示)。除了一个小细节外,它的工作几乎完美 - 用户必须单击按钮才能进行重定向。按回车键不起作用。我已经尝试将输入类型更改为“提交”而不是“按钮”,但仍然没有成功。有人有什么建议吗?

<script type="text/JavaScript">
<!--
function Login(){
var done=0;
var keyword=document.enter_keyword.keyword.value;
//keyword=keyword.toLowerCase();
if (keyword=="toms") { window.location="http://www.toms.com"; done=1; }
if (keyword=="apple") { window.location="http://www.apple.com"; done=1; }
if (keyword=="orange") { window.location="http://www.orange.com"; done=1; }
if (done==0) { alert("WARNING:Incorrect keyword you plonker!!!"); }
}
//-->
</script>

</head>

<body>

<form name=enter_keyword>
<table border="1" cellpadding="2" cellspacing="2" bgcolor="#7B97E0">
<tr>
<td>
<font color="#ffffff"><b>Enter keyword:</b></font>
</td>
<td><input type=text name=keyword>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>

最佳答案

它需要点击,因为唯一调用该函数的是输入 onClick事件。摆脱 onClick="Login()"并更改 type="submit"在你的<input>并添加 onSubmit="Login()"给你的<form>

<script type="text/JavaScript">
<!--
function Login(){
var done=0;
var keyword=document.enter_keyword.keyword.value;
//keyword=keyword.toLowerCase();
if (keyword=="toms") { window.location="http://www.toms.com"; done=1; }
if (keyword=="apple") { window.location="http://www.apple.com"; done=1; }
if (keyword=="orange") { window.location="http://www.orange.com"; done=1; }
if (done==0) { alert("WARNING:Incorrect keyword you plonker!!!"); }
}
//-->
</script>

</head>

<body>

<form name=enter_keyword onSubmit="Login()">
<table border="1" cellpadding="2" cellspacing="2" bgcolor="#7B97E0">
<tr>
<td>
<font color="#ffffff"><b>Enter keyword:</b></font>
</td>
<td><input type=text name=keyword>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=submit value="Login!">
</td>
</tr>
</table>
</form>

关于javascript - 按 Enter 不会提交表单 - Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14576926/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com