обработка формы без перезагрузки страницы

а как отправить более одной формы, мне надо одну а затем другую с другими данными

18 мая 2012 в 10:19   

Сообщения сохраняются в базе данных.Если вы хотите, чтобы они отправлялись на Email администратору, то в файле submit.php, вместо:Код:if ($result)    echo iconv('cp1251','utf-8',"<h2>Спасибо!</h2>");else    echo iconv('cp1251','utf-8',"<h2>Ошибка!</h2>(".mysql_error().")");используйтеКод:if ($result){    echo iconv('cp1251','utf-8',"<h2>Спасибо!</h2>");    // функция для отправки сообщения mail()    // подробнее о ней, здесь }else{    echo iconv('cp1251', 'utf-8', "<h2>Ошибка!</h2>(" . mysql_error() . ")");}

15 мая 2012 в 23:17   

А где указывать почту админа?

15 мая 2012 в 13:19   

Было бы неплохо когда идёт запрос на сервер показывать какой нибудь progress bar. А то не знаешь что сейчас происходит, может просто по кнопке "промазал".

03 октября 2011 в 08:59   

Комментарии — 14

Простенький урок отправки данных в PHP файл используя Ajax

Еще несколько публикаций, категории Ajax:

Источник материала При копировании информации, ссылка на сайт-источник обязательна!

Опубликованно материалов:

Знаком с: C, C#, Java, Ruby, Python.

Использую: HTML, CSS, JavaScript (jQuery), PHP (ZF2), MySQL, MongoDB, Debian GNU/Linux, Windows 8.

Руководитель проекта. Студент математического факультета Специализация: Front-end, Back-end.

В этом посте покажу, как просто отправить форму без перезагрузки страницы. В этом нам поможет jQuery плагин - jquery.form.js. Отправка данных будет производиться без описания Ajax запроса, плагин все сделает за нас, а так же вывод сообщений о не правильно заполненных полях данных. JavaScript $("#form").ajaxForm() - form это ID используемой формы. ajaxForm() это метод, позволяющий отправлять данные без перезагрузки страницы. #preview - ID блока, куда будет выводиться результат Код: html <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $('document').ready(function() { $('#form').ajaxForm( { target: '#preview', success: function() { $('#formbox').slideUp('fast'); } }); }); </script> HTML Простой HTML-код. Форма содержит три поля для ввода данных: name, email, message. Код: html <div id="preview"></div> <div id="formbox"> <form id="form" action="submit.php" method="post"> Имя <input type="text" name="name" /> Email <input type="text" name="email" /> Сообщение <textarea name="message"></textarea> <input type="submit" value="Отправить"> </form> </div> База данных Таблица БД в которой мы будем хранить отправленные через форму данные. Код: CREATE TABLE 'contact' ( 'id' int(11) AUTO_INCREMENT PRIMARY KEY, 'name' varchar(255), 'email' varchar(100), 'message' text, 'created_date' int(11) ) PHP PHP код для вставки значений в базу данных. submit.php Код: php <?php include("db.php"); if($_SERVER["REQUEST_METHOD"] == "POST") { $name = mysql_real_escape_string($_POST['name']); $email = mysql_real_escape_string($_POST['email']); $message = mysql_real_escape_string($_POST['message']); if(strlen($name) > 0 && strlen($email) > 0 && strlen($message) > 0) { $time=time(); $result = mysql_query(" INSERT INTO contact (name,email,message,created_date) VALUES( '" . iconv('utf-8','cp1251',$name) . "', '" . $email . "', '" . iconv('utf-8','cp1251',$message) . "', '" . $time . " ')"); if ($result) echo iconv('cp1251','utf-8',"<h2>Спасибо!</h2>"); else echo iconv('cp1251','utf-8',"<h2>Ошибка!</h2>(".mysql_error().")"); } else echo iconv('cp1251','utf-8',"<h2>Заполнены не все поля!</h2>"); } ?> PHP-файл для подключения базы данных: db.php Код: php <?php $mysql_hostname = "localhost"; $mysql_user = "root"; $mysql_password = ""; $mysql_database = "example_ajaxform"; $bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Нет соединения с базой данных"); mysql_select_db($mysql_database, $bd) or die("База данных не подключена"); ?> Плагин проверки данных К нашему начальному JavaScript, подключим плагин jquery.validate.js и опишем правила для проверки вводимых данных. После чего у нас получится: Код: html <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript"> $('document').ready(function(){ $('#form').validate( { // правила для проверки rules:{ "name":{ required:true, maxlength:40 }, "email":{ required:true, email:true, maxlength:100 }, "message":{ required:true } }, // выводимые сообщения при нарушении соответствующих правил messages:{ "name":{ required:"Это поля является обязательным для заполнения" }, "email":{ required:"Это поля является обязательным для заполнения", email:"Пожалуйста, введите верный адрес электронной почты" }, "message":{ required:"Это поля является обязательным для заполнения" } }, // указаваем обработчик submitHandler: function(form){ $(form).ajaxSubmit({ target: '#preview', success: function() { $('#formbox').slideUp('fast'); } }); } }) }); </script> На этом все, возникли вопросы - пишите в комментариях!

Отправка формы без перезагрузки страницы

Отправка формы без перезагрузки страницы

Отправка формы без перезагрузки страницы - WCoders.com