送信時に 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>