Java表单提交串联链接

时间:2015-11-17 18:28:33

标签: javascript hyperlink

我有一个表单我希望被提交并重新定向到一个不同的页面,最终将是一个连接的超链接,但我似乎无法获得甚至更改页面的功能。

<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"
}

似乎无法在哪里出错?

2 个答案:

答案 0 :(得分:1)

将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>

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

答案 1 :(得分:0)

该属性应为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>