程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

在表单提交上运行的 Javascript

发布于2022-09-28 09:48     阅读(127)     评论(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>

http://jsfiddle.net/Fgwzn/


解决方案


正如@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,我在看你) attachEventjQuery 会为您解决这些问题。

小提琴:http: //jsfiddle.net/MGA74/




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/428935/b1e5b6f736157e9dffe5/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

30 0
收藏该文
已收藏

评论内容:(最多支持255个字符)