SimpleModal 表单提交

Question

我有一个 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），然后我在脚本中进一步使用发布的变量。

感谢您的帮助！

Answer 1

这行得通吗？如果它在你的 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!'); })
           }
        }
   });
});