Question

我有这段代码：

$(document).on('submit','#roomsend',function(e) {
   var form = $('#roomsend');
   var data = form.serialize();
   $.post('php/roomlist.php', data, function(response) {
      console.log(response);
      $('#power').replaceWith(response);
   });
   return false;
});

这适用于表单内的“提交”按钮。但现在我在表格外面有一个按钮：

<button class="btn btn-success" id="roomsendbutton"><i class="icon-ok"></i> Save</button>

我必须如何成为代码，当我点击按钮按钮时，所有操作都将起作用并且表单会提交？

Answer 1

如果您使用的是HTML5，则可以使用新的表单属性：

<button form="roomsend" type="submit" class="btn btn-success" id="roomsendbutton"><i class="icon-ok"></i> Save</button>

http://jsfiddle.net/sEHLf/

虽然应该可以查看浏览器对它的支持。

Answer 2

使用.trigger()方法：

$('#roomsendbutton').on('click', function () {
    $('#roomsend').trigger('submit');
});

参考文献：

.trigger() - jQuery API文档

Answer 3

在你的jQuery中做这样的事情......

$('#roomsendbutton').click(function(){
     $(your form name).trigger('submit');

});

Answer 4

$(document).on('click','#roomsendbutton',function(e) {
   var form = $('#roomsend');
   var data = form.serialize();
   $.post('php/roomlist.php', data, function(response) {
      console.log(response);
      $('#power').replaceWith(response);
   });
   return false;
});

只需在按钮上绑定点击事件。

Jquery Ajax当我点击一个不在表单中的按钮时提交一个表单

4 个答案: