发布于2022-09-28 09:48 阅读(220) 评论(0) 点赞(30) 收藏(2)
每当提交表单时,我都会遇到一些问题来运行一些 javascript 代码。
这是我的代码
<form onsubmit="return header_search()" class="navbar-form navbar-right">
<div class="form-group">
<input type="text" placeholder="Tack" class="form-control">
</div>
<button type="submit" class="btn btn-success">Search</button>
</form>
<script>
function header_search() {
e.preventDefault();
alert("submitted");
}
</script>
正如@Quentin 所说,它的行为不像预期的那样,因为你没有e
在任何地方定义。
当您标记 jQuery 时,我会建议使用它的替代方法。向您的表单添加一个 ID,然后onsubmit
在 JavaScript 中定义您的行为。
HTML
<form id="your-form" class="navbar-form navbar-right">
...
</form>
JavaScript
$('#your-form').submit(function(e) {
alert('submitted');
e.preventDefault();
});
我认为这将是更简单的解决方案,因为您不必使用event
变量和addEventListener
/来处理浏览器兼容性问题(嘿,IE,我在看你) attachEvent
。jQuery 会为您解决这些问题。
小提琴:http: //jsfiddle.net/MGA74/
作者:黑洞官方问答小能手
链接:http://www.qianduanheidong.com/blog/article/428935/b1e5b6f736157e9dffe5/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!