Обработка формы и возврат из обработчика. submitHandler

@phpk · Регистрация: 15.05.2013

Author24 — интернет-сервис помощи студентам

Подскажите пожалуйста, как правильно обработать форму в обработчике handler_reg.php и принять результат обработки в скрипте js ?

HTML5

<form action="/reg/handler_reg.php" id="form_reg" method="post">
<p class="reg_message"></p>
<div class="block-form-reg">
<ul>
<li><label for="reg_login">Логин</label><span>*</span><input type="text" id="reg_login" name="reg_login"/></li>
                <li>
                    <label for="reg_pass">Пароль</label><span>*</span>
                    <input type="password" id="reg_pass" name="reg_pass"/><span class="genpass">Сгенерировать</span>
                </li>
...
<li><input type="submit" id="reg_submit" name="reg_submit" value="Регистрация"/></li>

handler_reg.php

PHP

include("../include/db_connect.php");
...
$login = strtolower(clear_string($_POST["reg_login"]));
$pass = strtolower(clear_string($_POST["reg_pass"]));
...
$error = array();
if(strlen($login) < 5 or strlen($login) > 15) {
    $error[] = "Логин должен быть от 5 до 15 символов!";
}
else {
    $result = mysql_query("SELECT login FROM reg_user WHERE login = '$login'", $link);
    if (mysql_num_rows($result) > 0) {
        $error[] = "Логин занят!";
    }
}
if(strlen($pass) < 7 or strlen($pass) > 15) { $error[] = "Укажите пароль от 7 до 15 символов!"; }
if(count($error)){
    echo implode("<br />", $error);
} else {
mysql_query("INSERT INTO reg_user(login,pass)
                VALUES(
                       '".$login."',
                       '".$pass."'
                    )", $link);
    echo 'true';            ///// Здесь должен быть выход из обработчика в скрипт js! Как это сделать?
}

script.js

Javascript

$("#form_reg").validate(
{
    rules:{
        "reg_login":{
            required: true,
            minlength:5,
            maxlength:15,
 
        },
        "reg_pass":{
            required: true,
            minlength:7,
            maxlength:15
        }
    },  /*rules*/
    messages:{
        "reg_login":{
            required: "Укажите логин!",
            minlength:"От 5 до 15 символов!",
            maxlength:"От 5 до 15 символов!",
            remote:"Логин занят!"
        },
        "reg_pass":{
            required: "Укажите пароль!",
            minlength:"От 7 до 15 символов!",
            maxlength:"От 7 до 15 символов!"
        }
    },
    submitHandler: function(form){    ////////////////////////////   submitHandler    /////////////////////////////////////
    $(form).ajaxSubmit({
        success: function(data){
            if(data == "true"){        //в обработчике echo 'true', но возврата не происходит!
                $(".block-form-reg").fadeOut(300, function(){
                    $("#reg_submit").hide();
                    $(".reg_message").addClass("reg_mess_good").fadeIn(400).html("Вы успешно зарегистрированы!");
                })
            }
            else {
                $(".reg_message").addClass("reg_mess_error").fadeIn(400).html(data);
            }
        }
    });
}
}
);

Обработчик handler_reg.php выводит true на пустом экране после обработки, но возврата на страницу регистрации не происходит!
Как сделать возврат на страницу регистрации?

Добавлено через 7 часов 42 минуты
Подскажите, что я неправильно делаю?
Или посоветуйте пожалуйста, может нужно как-то по другому обрабатывать?

@Jodah · 15.03.2015, 12:16

В консоли браузера показываются какие-нибудь ошибки?

И где сам редирект?

@phpk · 15.03.2015, 12:32 **[ТС]**

Сообщение от Jodah

В консоли браузера показываются какие-нибудь ошибки?

нет ошибок

Сообщение от Jodah

И где сам редирект?

я начинающий, поэтому возможно где-то что-то не указал в коде из-за отсутствия опыта.
Что за редирект и где он должен быть?
Подскажите пожалуйста, очень хочется разобраться в обработке формы.
Из своего кода я выделил и привёл здесь самое основное, без всяких сессий, и полей input для адреса и почты.

@Jodah · 15.03.2015, 13:44

phpk,

Сообщение от phpk

но возврата на страницу регистрации не происходит!

Куда должен происходить возврат и как вы пытаетесь его реализовать?

@Виталюска · 15.03.2015, 16:10

Сообщение от phpk

Подскажите пожалуйста, как правильно обработать форму в обработчике handler_reg.php и принять результат обработки в скрипте js ?

JS будет проверять до отправки в handler_reg.php его надо подключить на страницу с формой, если прошли проверки то тогда уже переход в handler_reg.php. В handler_reg.php

Сообщение от phpk

echo 'true'; * * * * * *///// Здесь должен быть выход из обработчика в скрипт js! Как это сделать?
}

тут добавить строку

PHP

1	header('location:index.php');

@phpk · 15.03.2015, 18:44 **[ТС]**

Виталюска, скрипт подключен как и полагается в файле с формой!

тут добавить строку

PHP

1	header('location:index.php');,

на данный момент нет возможности проверить, проверю только вечером, но я так предполагаю, что это немного не то что надо.
Я так понимаю, что после этой команды (header) произойдет переход на страницу с формой без возврата результата обработки в массиве error.А мне нужно, чтобы результат обработки вернулся в скрипт с формой, который приведен в 1-м посте, чтобы на странице с формой скрипт вывел сообщение "Вы успешно зарегистрированы"

Javascript

submitHandler: function(form){ * *//////////////////////////// * submitHandler * */////////////////////////////////////
* * $(form).ajaxSubmit({
* * * * success: function(data){
* * * * * * if(data == "true"){ * * * *//в обработчике echo 'true', но возврата не происходит!
* * * * * * * * $(".block-form-reg").fadeOut(300, function(){
* * * * * * * * * * $("#reg_submit").hide();
* * * * * * * * * * $(".reg_message").addClass("reg_mess_good").fadeIn(400).html("Вы успешно зарегистрированы!");
* * * * * * * * })
* * * * * * }

Добавлено через 16 минут

Виталюска, скрипт подключен как и полагается в файле с формой!

и скрипт jquery.validate.js также подлючен в этом файле с формой!
Или может посоветуйте, как это реализовать более правильным путем, т.е. передача данных из обработчика handler_reg.php в скрипт с формой

Добавлено через 10 минут
или может правильней будет получать данные от обработчика handler_reg.php без использования $.validate(), срествами $.ajax
типа этого

Javascript

$("#myForm").submit(function() {
* * * * $.ajax({
* * * * * * type: "POST",
* * * * * * url:"name_files.php",

Добавлено через 2 минуты
просто хотелось разобраться, почему $.validate() не получает данные из обработчика

@Fedor Vlasenko · 15.03.2015, 19:00

Javascript

1 2	$("#myForm").submit(function(event) { event.preventDefault();

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

@Виталюска · 15.03.2015, 20:37

Сообщение от phpk

просто хотелось разобраться, почему $.validate() не получает данные из обработчика

потому что вы их туда не передаете.

@phpk · 15.03.2015, 20:39 **[ТС]**

Сообщение от Виталюска

тут добавить строку

Ошибка
Warning: Cannot modify header information - headers already sent by...

Сообщение от Poznakomlus

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

нет, не помогает!
Неужели это так сложно реализовать?!!

Добавлено через 21 секунду

Сообщение от Виталюска

потому что вы их туда не передаете.

а как передавать?

@Виталюска · 15.03.2015, 20:42

Сообщение от phpk

Warning: Cannot modify header information - headers already sent by...

скорей всего до отправки заголовка есть вывод данных и файл должен быть в кодировке UTF8 без BOM

phpk, покажите куда вставили строку

@phpk · 15.03.2015, 22:06 **[ТС]**

я уже решил проблему. Просто с использованием $.ajax, без плагина $.validate()

Javascript

$("#form_reg").submit(function(event) {
        event.preventDefault(); // прерываем отправку формы
        var data = $('#form_reg').serialize();
        $.ajax({
            type: "POST",
            url:"/reg/handler_reg.php",
            data:data,
            error:function(){
                $(".reg_message").addClass("reg_mess_error").fadeIn(400).html(data);
            },
            beforeSend: function() {
                $(".reg_message").html('Загрузка...');
            },
            success: function(html){
                $(".block-form-reg").fadeOut(300);
                $(".reg_message").addClass("reg_mess_good").fadeIn(400).html("Вы успешно зарегистрированы!");
            }
        });
 
        return false;
    });

Добавлено через 36 секунд
может кому пригодится

@ivan6394 · 08.01.2016, 16:35

phpk, а куда ты вставил этот файл? отдельно или в registration.php? я тоже по Журу делаю, но у меня не получается..

@Jodah 3851 / 3196 / 1343 Регистрация: 01.08.2012 Сообщений: 10,820
	15.03.2015, 12:16	2
	В консоли браузера показываются какие-нибудь ошибки? И где сам редирект? 0

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313
	15.03.2015, 12:32 [ТС]	3
	Сообщение от Jodah В консоли браузера показываются какие-нибудь ошибки? нет ошибок Сообщение от Jodah И где сам редирект? я начинающий, поэтому возможно где-то что-то не указал в коде из-за отсутствия опыта. Что за редирект и где он должен быть? Подскажите пожалуйста, очень хочется разобраться в обработке формы. Из своего кода я выделил и привёл здесь самое основное, без всяких сессий, и полей input для адреса и почты. 0

@Jodah 3851 / 3196 / 1343 Регистрация: 01.08.2012 Сообщений: 10,820
	15.03.2015, 13:44	4
	phpk, Сообщение от phpk но возврата на страницу регистрации не происходит! Куда должен происходить возврат и как вы пытаетесь его реализовать? 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	15.03.2015, 20:37	8
	Сообщение от phpk просто хотелось разобраться, почему $.validate() не получает данные из обработчика потому что вы их туда не передаете. 0

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313
	15.03.2015, 20:39 [ТС]	9
	Сообщение от Виталюска тут добавить строку Ошибка Warning: Cannot modify header information - headers already sent by... Сообщение от Poznakomlus обязательно надо отключить системную отправку формы нет, не помогает! Неужели это так сложно реализовать?!! Добавлено через 21 секунду Сообщение от Виталюска потому что вы их туда не передаете. а как передавать? 0

@Виталюска 576 / 514 / 253 Регистрация: 26.09.2010 Сообщений: 2,603
	15.03.2015, 20:42	10
	Сообщение от phpk Warning: Cannot modify header information - headers already sent by... скорей всего до отправки заголовка есть вывод данных и файл должен быть в кодировке UTF8 без BOM phpk, покажите куда вставили строку 0

@ivan6394 0 / 0 / 0 Регистрация: 21.06.2015 Сообщений: 1
	08.01.2016, 16:35	12
	phpk, а куда ты вставил этот файл? отдельно или в registration.php? я тоже по Журу делаю, но у меня не получается.. 0