带有连接链接的Java表单提交
Java form submit with concatenated link
我有一个表单想要提交并重定向到另一个页面,该页面最终将成为一个连接的超链接,但我似乎无法获得更改页面的功能。
<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>
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 如何将HTML表单提交到2个位置=Java脚本和PHP
- 带有连接链接的Java表单提交
- 调用一个Java脚本方法并阻止表单提交
- 用于文件下载的Java Servlet:当从表单提交启动时工作,而不是从jQuery下载启动时