jquery,当字段失去焦点时提交表单

时间:2009-12-06 23:35:16

标签: javascript jquery

如果字段(在这种情况下表单只有一个字段)失去焦点,如何提交表单?

我尝试了这个,但它不起作用:

$("form").submit();

更新

我忘了提到表单也是用jquery创建的:

$("div").html('<form action="javascript:void(0)" style="display:inline;"><input type="text" value="' + oldValue + '"></form>');

这可能就是为什么它不会提交,我认为这是因为事件没有被观察到。

3 个答案:

答案 0 :(得分:8)

$('form :input').blur(function() {
    $(this).closest('form').submit();
});

答案 1 :(得分:4)

当字段失去焦点时触发表单的submit()事件。您可以通过附加blur()事件处理程序来检测它。

$("#field").blur(function() {
  $("#form").submit();
});

如果你的字段没有ID或其他方法可以轻易识别它(我建议你),你也可以这样做:

$("#form :input").blur(function() {
  $("#form").submit();
});

因为只有一个字段。

答案 2 :(得分:1)

这个怎么样?

var $yourForm = $('#form');

$yourForm.find('input').eq(0).blur(function() {

    $yourForm.submit();
});