带有连接链接的Java表单提交

Java form submit with concatenated link

本文关键字:Java 表单提交 链接 连接      更新时间:2023-09-26

我有一个表单想要提交并重定向到另一个页面,该页面最终将成为一个连接的超链接,但我似乎无法获得更改页面的功能。

<html>
<head>
<script src="script.js"></script>
</head>
<body>
<form>
Email 1:<input type="text" id="email"><br>
<input type="submit" onClick="link()">
</form>
</body>
</html>

function link()
{
window.location.href = "http://www.google.com"
}

我哪里出问题了?

将onclick更改为以下内容:

<input type="submit" onclick="link(); return false">

或者:

<input type="submit" onclick="return link();">
<script>
function link()
{
    window.location.href = "http://www.google.com";
    return false;
}
</script>

它将防止表单再次被标准行为汇总到同一页面。

属性应该是onclick而不是onClick

<input type="submit" onclick="link()">

因为你的输入类型是提交,所以当你点击该按钮时,它会尝试提交表单。将onsubmit="return false"添加到form标记中以防止出现这种情况。

<form onsubmit="return false">

并且脚本应该在script标记内。所以最后你的html文件应该看起来像这个

<html>
<head>
<script src="script.js"></script>
</head>
<body>
<form onsubmit="return false">
Email 1:<input type="text" id="email"><br>
<input type="submit" onclick="link();">
</form>
<script  type="text/javascript">
function link()
{
    window.location.href = "http://www.google.com";
    return false;
}
</script>
</body>
</html>