0

私はこのコードを持っています:

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

ボタンをクリックすると、すべてのアクションが機能し、フォームが送信されるようにするには、どのようにコードを作成する必要がありますか?

4

4 に答える 4

4

HTML5 を使用している場合は、新しい form 属性を使用できます。

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

http://jsfiddle.net/sEHLf/

ただし、おそらくブラウザのサポートを調べる必要があります。

于 2013-05-24T19:38:15.707 に答える
2

使用.trigger()方法:

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

参考文献:

于 2013-05-24T19:34:40.820 に答える
0

jQueryでこのようなことをするだけです..

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

});
于 2013-05-24T19:35:06.097 に答える
0 
$(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;
});

ボタンにクリックイベントをバインドするだけです。

于 2013-05-24T19:35:14.830 に答える