Question

我正在使用Magnific Popup。在弹出窗口中我有一个表单。在表单提交上，我想显示来自php表单处理文件的文本。现在页面只是刷新，不知道它挂在什么地方。

<form name="subscribe" id="subscribe" class="subscribe" action=""> 
   <p><input name="subscribe" type="checkbox" value="yes">text here</p>
   <input name="submit" type="submit"  value="Submit">
</form>

<?php 
echo "thanks";
?>

<script type="text/javascript">
(function($) {
    // open the popup
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#my-popup',
                type: 'inline'

            },          
          //add options here, 
                closeOnBgClick: false,
                closeOnContentClick:false

        }, 0);
    });

    // close the window no thanks button
    $('#button').click(function() {
        $.magnificPopup.close(); 
    });

    // submit form and show results text
    $('#submit').click(function() {
      $.ajax({
           type: "POST",
           url: test.php,
           data: $("#idForm").serialize(), 
           success: function(data)
           {
               alert('ok');
               alert(data); // show response from the php script.
           }
         });
        });


})(jQuery);
</script>

Answer 1

我不知道你想要得到什么，但是：

你没有为你的html表单定义一个动作，所以任何拥有JS Block的人都不能发送这个表单（action =“”会刷新网站）
当您覆盖提交按钮的点击功能时，您可以尝试以下操作：

$（'＃submit'）。click（function（）{ 警报（$（ '＃订阅'）VAL（））; //显示复选框值。

使用magnific-popup提交表单并显示表单结果

1 个答案: