2011-01-24 16 views
4

これは簡単だが、私は今日それを理解することができず、正しい解決策を見つけることができない。JQuery隠しフォームを送信

データを入力する一連のタブがあります。最後に確認タブがあります。この時点で、「送信」ボタンをクリックすることができます。このボタンを押すと、隠しフォームにすべての関連データが入力されます。私はこのフォームを提出したいと思いますが、Jqueryでフォームを提出する方法を理解できません。私はボタンのトリガーをしようとしましたが、おそらく私はそれを間違っています。以下はボタンがクリックされるコードのサンプルです。値が移入注意、私はちょうど私が提出する機能をリガーするために必要と思いますかについて

$('#submitAppointment').click(function() { 
     $("#" + formName + "schedule_id option[value='" + $("input[name='appointmentTime']:checked").val() + "']").attr('selected', 'selected');  
     $("#" + formName + "apt_date").val($("#confirmDate").text()); 
     $("#" + formName + "first_name").val($("#confirmFirstName").text()); 
     $("#" + formName + "last_name").val($("#confirmLastName").text()); 
     $("#" + formName + "email").val($("#confirmEmail").text()); 
     $("#" + formName + "phone").val($("#confirmPhone").text()); 
     $("#" + formName + "notes").val($("#confirmNotes").text()); 
     $('#appt_form').submit(function() { 
      alert('Handler for .submit() called.'); 
      return false; 
     }); 
    }); 

任意のアイデアを提出するフォームを得ることができませんか?あなたが実際に進めるために、フォームの送信をしたい場合について

$('#appt_form').submit(); 

は、ハンドラ関数からfalseを返さないでくださいどのように

+0

$( "form")?submit() '? –

+0

idではなく名前でappt_formを使用していますか? ;)また、私はfalseを返します。 – plebksig

答えて

5

。ページを更新せずにフォームの投稿を行うという意図がある場合は、$.post()を使用できるajax操作について説明しています。 (それはそれはあなたがしかし、何をしたいのかということは明らかではありません。)

+0

ajaxを試してみてください。私はsubmit()だけを試みます。ありがとう – CogitoErgoSum

3

あなたが提出するフォームを#appt_formセレクタによって発見されたと仮定すると、ちょうど(単に.trigger('submit')の別名である)引数なしの形で.submitを使用します

$('#appt_form').submit(); 
2

私はあなたがappt_formがあなたのフォームIDであれば

$('#appt_form').submit()

を呼び出してみてくださいべきだと思います。そのコマンドは、jQueryのドキュメントに基づいてフォームを提出する必要があります。

ここにjQuery submit function documentation