是否可以在任何现有onsubmit/submit之前绑定submit()函数？

Question

是否可以在任何现有onsubmit/submit之前绑定submit()函数？

我有一个带有onsubmit属性的表单.我需要绑定一个新的提交事件,我需要在任何现有的提交函数之前执行这个事件.

以下代码演示了此问题.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
      jQuery(function($) {
        // a plugin
        $('form').submit(function() {
          alert("Second");
        });
        // an other plugin
        $('form').submit(function() {
          alert("Third");
        });

        // this event must always be executed as first event
        $('form').submit(function() {
          alert("Always First");
        });
      });
    </script>
  </head>
  <body>
    <form onsubmit="javascript:alert('Fourth');">
      <p>
        <input type="submit">
      </p>
    </form>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

如果你执行脚本,首先得到"Second",然后是"First".

是否可以绑定新的提交事件并指定是否必须在任何现有事件之前调用该函数？

约束:

必须保留现有事件.
我无法删除现有事件,因为该onsubmit属性的内容包含由Rails编写的非常复杂的逻辑
(已添加):事件应始终在任何现有的onsubmit事件和已绑定的事件(可能由其他插件绑定)之前执行

任何的想法？

Answer 1

CMS*_*CMS 14

内联先提交事件触发,你可以得到它的引用,抵消了onsubmit上属性form元素,然后绑定新提交的事件,这一次将执行你的旧提交处理程序:

  jQuery(function($) {
    var form = $('form'), oldSubmit = form[0].onsubmit;
    form[0].onsubmit = null;

    $('form').submit(function() {
      alert("First");
      oldSubmit.call(this); // preserve the context
    });
  });

Run Code Online (Sandbox Code Playgroud)

请注意,我使用该call方法来调用旧的提交处理程序,这是为了保留该this函数内的关键字,它将是form元素本身.

如果原始onsubmit处理程序具有某些验证行为,则可以通过获取其返回值var ret = oldSubmit.call(this);

在这里查看上面的例子.

归档时间：	16 年，1 月前
查看次数：	10188 次
最近记录：	15 年，7 月前