0

送信時に 2 つのフォームを送信するモーダル ウィンドウ フォームを作成しようとしています。1 つは非表示のフォームで、もう 1 つは表示中のモーダル ウィンドウ フォームです。フォームの 1 つ (reschedule_meeting_form) のみを送信しているようで、エラーなしで他のフォームを完全にスキップします。アドバイスをいただければ幸いです。

脚本:

$(document).ready(function() {   //creates a modal to post the new message being composed to the server 
$('#emailposting_form').dialog({   
    autoOpen: false,
    height: 375,
    width: 350,
    modal: true,
    buttons: [
        {
        text: "Cancel",
        click: function() {
            $(this).dialog("close");
        }},
    {
        text: "Submit",
        click: function() {
            $('#emailform').submit();     //this one is not working
            $('#reschedule_meeting_form').submit();    //this one is working
        }}
    ]
});
$('#reschedule_meeting_button').button().click(function(e){
    $('#emailposting_form').dialog('open');
});

});

モーダル フォーム HTML:

    <!-- modal form --> 
<div id="emailposting_form" title="Send Message">
   <form id="emailform" method="POST" action="/sendemailmessage" name="emailposting">
        <input type="text" style="display: none;" value="{{meeting_request.key()}}" id="reschedule_meeting_message" name="reschedule_meeting_message">
      <p>
        <label for="recipient">To:</label>
        <input type="text" name="recipient" id="recipient" value="{{meeting_request.requesting_user}}"  readonly>
      </p>
      <p>
        <label for="subject">Subject: </label>
        <input type="text"  name="subject" id="subject" value="Suggest New Meeting Time">
      </p>
      <p>
        <label for="content">Message: </label>
        <textarea  name="content" id ="content"  class="textarea" rows="4" style=""></textarea>
      </p>
    </form>
</div>

<input type="button" id="reschedule_meeting_button" name="reschedule_meeting_button" value="Suggest New Meeting Time" > 

非表示のフォーム HTML:

    <form id="reschedule_meeting_form" method="POST" action="/meetingresponse" name="reschedule_meeting_form" style="display:none;">   
        <input type="text" style="display: none;" value="{{meeting_request.key()}}" name="reschedule_meeting">
    </form> 
4

0 に答える 0