2

jqueryでフォームを送信しようとしています。ブートストラップ モーダル ウィンドウを使用しています。ここにjs フィドルがあります。何か不足していますか？どうもありがとう

更新: ajax を使用してフォームを送信しようとしています。私も試しましたが、運はありませんでした。

$('#comment_form').on('submit', function(){

  $.post("/yourReceivingPage", $(this).serialize(), function(){

  // Hide the modal
    $("#my-modal").modal('hide');

  });

  // Stop the normal form submission
  return false;
});
4

3 に答える 3

1

あなたは間違った要素を参照しています。私はあなたのために実際の例を持っています。

$(document).ready(function() {
    $('#comment-form-submit').click(function() {
        $('#comment_form').submit();
        alert('Handler for .submit() called.');
        return false;
    });
});​

jsFiddle の動作デモ

また、AJAX ソリューションについては、おなじみの既に議論されている問題を参照する必要があります。

jqueryシリアライズと$.post

編集済み:クリック可能なリンクの ID を抽出する方法についての質問を参照すると、次のコードがそれを行います。

 $(document).ready(function() {
   $(".comments.no").mouseover(function() {
     myDivsId = this.id;  // as you mouse over on the link it will be stored in Global Var and then transferred anywhere you wish.
   });
     $('#comment-form-submit').click(function() {
       $('#comment_form').submit();
       alert('Handler for .submit() called + div\'s ID = ' + myDivsId);
       return false;
   });

}); </p>

jsFiddle ライブ デモ

于 2012-08-15T17:30:47.997 に答える
0

あなたはただsubmit（）を探しています。この例で行っているのは、フォームが送信されたときに実行される関数を作成することです。また、クリックしてフォームを送信するためのハンドラーを設定していません。

// This creates submit handler for the form
$('#comment_form').submit(function() {
    alert('Handler for .submit() called.');
    return false;
});​

// This creates the on click handler for the submit button
$('#comment-form-submit').on('click', function() {
    // This actually submits the form
    $('#comment_form').submit();
});
于 2012-08-15T17:13:21.940 に答える
0

コメント-フォーム-送信ボタンのクリックイベントを追加する必要があります。 

$(document).on('click','#comment-form-submit', function() {
    $('#comment_form').submit(function() {
       alert('Handler for .submit() called.');
       return false;
    });​
});
于 2012-08-15T17:14:24.337 に答える