我有一个表单我希望被提交并重新定向到一个不同的页面,最终将是一个连接的超链接,但我似乎无法获得甚至更改页面的功能。
<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"
}
似乎无法在哪里出错?
答案 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>