Я пытаюсь остаться на текущей странице, откуда отправляется форма. Но почему-то это не работает. Я нашел несколько кодов кода в Интернете и собрал их вместе.
Это файл process.php:
<?php // Get Data $name = strip_tags($_POST['name']); $email = strip_tags($_POST['email']); $phone = strip_tags($_POST['phone']); $subject = strip_tags($_POST['subject']); $message = strip_tags($_POST['message']); // Send Message mail( "email@domain.com", "Contact Form testttt", "Name: $name\nEmail: $email\nPhone: $phone\nWebsite: $url\nMessage: $message\n", "From: Forms testtttttttt" ); ?> И остальную часть кода, html и javascripts можно найти на jsfiddle: jsfiddled code
$(function(){ $('#contact').validate({ submitHandler: function(form) { $(form).ajaxSubmit({ url: 'process.php', success: function() { $('#contact').hide(); $('#contact-form').append("<p class='thanks'>thanks test.</p>") } }); } }); });
Забыл упомянуть, что происходит сейчас. Я перенаправляюсь на страницу process.php.
Используйте функцию jQuery.ajax (), чтобы отправить форму без обновления страницы. Вам нужно сделать что-то вроде этого:
test.php:
<script type="text/javascript" src="jquery-version.js"></script> <script type="text/javascript" src="ajaxform.js"></script> <form action='process.php' method='post' class='ajaxform'> <input type='text' name='txt' value='Test Text'> <input type='submit' value='submit'> </form>
process.php:
<?php // Get your form data here in $_POST ?>
ajaxform.js
jQuery(document).ready(function(){ jQuery('.ajaxform').submit( function() { $.ajax({ url : $(this).attr('action'), type : $(this).attr('method'), data : $(this).serialize(), success : function( data ) { alert('Form is successfully submitted'); }, error : function(){ alert('Something wrong'); } }); return false; }); });
Вам нужно либо вернуть статус HTTP HTTP, либо выполнить запрос с использованием JavaScript, а не отправив форму (это называется Ajax, и есть множество обучающих программ по теме, связанным с страницей jQuery tutorials ).
Это ссылка, с которой вы начали:
http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/