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

我有以下代码：

$(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>

保存

我必须如何确定代码，当我单击按钮时，所有操作都将生效，表单将提交？

使用

.trigger（）

方法：

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

---

参考资料：

• -jQuery API文档

使用

.trigger（）

方法：

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

---

参考资料：

• -jQuery API文档

---

在jQuery中执行类似操作即可

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

});

---

只需在jQuery中执行类似的操作

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

});

只需在按钮上绑定click事件

---

只需绑定按钮上的单击事件。

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

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

保存

---

不过，您可能应该查找浏览器对它的支持。

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

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

保存

---

不过，可能应该查找浏览器对它的支持。

$（文档）。在（'click'，'roomsendbutton'，函数（e）{..}）上，我想$（文档）可以解决您的问题。在（'click'，'roomsendbutton'，函数（e）{..}）上我猜解决了您的问题，但是当用户在表单输入上按enter键时，表单将在不点击此处理程序的情况下提交。如果按钮不在表单中，则按enter键不会做任何事情。如果需要，没有任何东西可以阻止您绑定这两个事件；）如果按钮不在表单中，且输入为，则按输入上的enter键将提交表单。但是，是的，您也可以绑定其他事件来修复此问题。但是，当用户在表单输入上按enter键时，表单将在不点击此处理程序的情况下提交。如果按钮不在表单中，则按enter键将不起任何作用。如果需要，没有任何东西可以阻止您绑定这两个事件；）如果按钮不在表单中，且输入为，则按输入上的enter键将提交表单。但是，是的，您也可以绑定其他事件来解决这个问题。如果它得到更广泛的支持就好了。似乎IE10不支持它。如果它得到更广泛的支持就好了。看起来好像IE10不支持它。很抱歉，它不起作用。我也不想在表单中提交按钮，但只有这些谁是在表单之外。很抱歉，但它没有工作。我也不想在表单中提交按钮，但只有这些谁是在表单之外。很抱歉，但它没有工作。我也不想在表单中提交按钮，但只有这些谁是在表单之外。很抱歉，但它没有工作。我想也没有提交按钮的形式，但只有这些谁是在形式之外。