soumettre un formulaire de contact dans une boîte fantaisie

Question

J'ai un formulaire de contact qui s'ouvre dans une fenêtre modale FancyBox 2. Mais lorsque vous soumettez le formulaire, la page actuelle est actualisée et le formulaire de contact a disparu.

Vous pouvez vérifier ce bogue dans my site en cliquant sur support dans le menu principal

Voici mon code,

$(document).ready(function() { 
    $(".various").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 

ce qui est mon formulaire de contact lien,

<a href="formhome.php" class="menu-support fancybox.ajax">Support</a> 

Can Quelqu'un me dit comment soumettre mon formulaire de contact dans une boîte de fantaisie sans recharger la page s'il vous plaît?

Answer 1

ce que vous avez besoin ici est jquery ajax

jquery

$('#idOfcontactForm').submit(function(){ 
    $.ajax({ 
    url:"yourpage.php", // action of the form , 
    data:$(#contactform).serialize(), // send forms data to server 
    dataType:"json", // take response as json 
    type:"post", //send form by post or get 
    success:function(result){ 
     alert(result.msg); 
    } 
    }); 
    return false; // default submit return false 
}); 

PHP (yourpage.php)

//manupulate you submited data.. 
    // if using post you can get data by $_POST; 
    echo json_encode(array('msg'=>"successfully saved");