2013-04-29 3 views
0

Так что я изначально хотел создать форму, которая сгенерировала лайтбокс, на успешное представление данных формы, спасибо за отправку формы, но я прочитал, что просто взятие пользователя на страницу с благодарностью было самым безопасным и самый надежный способ для уведомления пользователя - это классический метод, описанный ранее. ЕСЛИ использование причудливого окна доказывает, насколько я мог бы это сделать? Куда бы поступил вызов javascript? В PHP или HTML-файле включена форма? Поскольку страница является мобильной и планшетной только и так просто, я подумал, что было бы неплохо использовать лайтбокс (я смотрю на добавление fancybox) вместо того, чтобы создавать больше страниц.Решение между методами подтверждения формы

У меня возникли проблемы с поиском ресурсов в сети, так как я просто получаю формы лайтбоксов и отправляю результаты отправки обратно в виде много коробки. Я просто хочу просто поблагодарить вас или сообщение об ошибке честно. То есть, если это хорошее приемлемое решение для формы вообще.

Заранее благодарен!

Вот базовая форма для ссылки.

<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> 
+1

Опубликовать код выше –

ответ

0
$('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; 
+0

COOL Я думаю, что это действительно делает трюк! Спасибо Ohgod! –

Смежные вопросы