0

次のようなフォームがあるphpページ「formpage.php」があります。

<div id='hiddenform' style='display:hidden'>
<form name="testform" action="formpage.php" method="post">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 
</div>

このフォームは、jquery と単純なモーダルで表示されます (例):

$(".show_hide").click(function(){
$('#hiddenform').modal({overlayClose:true});
});

すべて正常に動作し、SimpleModal でボックスが開き、フォームが表示されますが、フォームを送信できません。送信ボタンを押しても何も起こりません。私は何をすべきか？フォームと送信は、SimpleModal がなくても正常に機能します。

フォーム (SimpleModal で開く) を formpage.phhp (self) に送信してから、投稿された変数をスクリプトでさらに使用します。

ご協力ありがとうございました！

4

1 に答える 1

0

これは機能しますか？js で何かを行うと、フォームのデフォルトの動作が妨げられます (simplemodal が他の何かである可能性があります):

$(".show_hide").click(function(){
   $('#hiddenform').modal({
        overlayClose:true,
        onShow: function() {
           $('.simplemodal-data input[type=submit]').click(function() {
               $.post('the_url_where_you_want_to_send_your_data_to', $(this).closest('form').serialize(), function(data) { alert('we have a response and form has been sent!'); })
           }
        }
   });
});
于 2013-02-25T22:37:32.253 に答える