Question

如何更改以下内容以在blur和submit上提交：

$('form').on('blur', 'input', function(event) { });

Answer 1

您可以将多个事件传递给jQuery的on方法。

$('form').on('blur submit', function(event) { })

这意味着每当$('form')元素a）模糊或b）提交时，都会调用事件处理程序。

Answer 2

将您的功能更改为named function expression，然后重新使用定义like this：

var submitFunction = function(event) {
    // stuff
}

$('input[type=text]').on('blur', submitFunction);
$('input[type=submit]').on('click', submitFunction);

此外，您不需要on()的中间参数 - 您可以使用$函数来定位您想要的元素。这意味着您不会将您的点击和模糊添加到表单上的所有input元素。

Answer 3

你可以触发模糊提交

$('form').on('blur', 'input', function(event) {
     $('form').trigger('submit');
    // or $('form').submit();
 });

并提交表单

 $('form').on('submit', function(event) {
      // when form submit ...
   });

关于模糊和提交的事件？

3 个答案: