отправить форму и отобразить результаты формы с помощью magnific-popup

Я использую 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>

person Skye Lans    schedule 29.09.2013    source источник


Ответы (1)


Я не знаю, что вы хотите получить, но:

  • вы не определяете действие для своей html-формы, поэтому любой, у кого есть JS Block, не может отправить эту форму (action="" обновит сайт)
  • и когда вы переопределяете функцию щелчка для кнопки отправки, вы можете просто попробовать что-то вроде:

$('#submit').click(function() { alert($('#subscribe').val()); // показать значение флажка.

person Mario    schedule 29.09.2013