/ / Rozhodovanie medzi metódami potvrdenia formulára - php, jQuery, formuláre, lightbox, odoslanie formulára

Rozhodovanie medzi metódami potvrdenia formulára - php, jQuery, formuláre, lightbox, odoslanie formulára

Pôvodne som teda chcel vytvoriť formulár, ktorývygeneroval lightbox ON úspešné odoslanie údajov formulára s poďakovaním za odoslanie formulára, ale čítal som, že práve privedenie používateľa na stránku s poďakovaním bolo najbezpečnejším a najbezpečnejším spôsobom, ako môže byť používateľ upozornený, je táto klasická metóda uvedená vyššie. AK sa pomocou efektnej skrinky preukáže efektívne, ako presne by som mal postupovať? Kam by smerovala výzva na javascript? V PHP alebo HTML súbore je formulár zapnutý? Keďže je stránka iba mobilná a tabletová a tak jednoduchá, myslel som si, že by bolo dobré použiť lightbox (pozerám sa na pridanie fancyboxu) namiesto vytvárania ďalších stránok.

Mám problémy s hľadaním zdrojov na sietitiež dostávam formuláre lightboxu a výsledky zasielania výsledkov dostávam späť do podoby lotérie. Chcem iba čestné jednoduché poďakovanie alebo chybové hlásenie. To je, či je to vôbec dobre uskutočniteľné riešenie pre formulár ,

Vopred ďakujem!

Tu je základný formulár pre ref.

<form id="fusion_form" name="fusion_form" method="post" action="fusion_form.php" target="_blank">
<p><input name="first_name" type="text" id="first_name" style="width:140px" value="" placeholder="First Name" /></p>
<p><input name="last_name" type="text" id="last_name" style="width:140px"  value="" placeholder="Last Name" /></p>
<p><input name="email" type="text" id="email" style="width:140px"  value="" placeholder="Email Address" /></p>
<p><textarea name="comments" cols="20" rows="3" id="comments" class="FormText" style="width:200px; padding-left:2px" placeholder="Comments"></textarea></p>
<p><input type="image" src="images/submit-button.jpg" id="send_email" value="Submit Form" onclick="return verify_form();" /></p>
</form>

odpovede:

0 pre odpoveď č. 1
$("form").on("submit", function(e){
e.preventDefault(); // stop the form submission
var $d = $(this).serialize(); //serialize form to be submit to server
$.ajax({
url: $(this).prop("action"),
type: $(this).prop("method"),
data: {formData : $d},
success: function(data){
if(false != data){
//form submission did NOT return false
//build lightbox, extrapolate what is needed from `data` variable
}
}
});
});

php.

if(isset($_POST["formData"])):
$formData = $_POST["formData]";
//do whatever with the form
if(someCondition):
return "<h4> Thank you for submitting the form!</h4>";
else:
return false;
endif;
endif;