javascript - 当我单击表单中没有的按钮时，Jquery Ajax 提交表单

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/

也许应该查找浏览器对它的支持。