Форумы портала PHP.SU :: Версия для печати :: Живой вывод ошибок при неверно заполненных формах

1. teddy - 04 Августа, 2013 - 14:21:57 - перейти к сообщению

Здравствуйте. Скажите пожалуйста, каким образом можно реализовать живой вывод ошибок при неверно заполненных формах? Объясню конкретнее:

Есть у нас допустим некие формы для заполнения, предположим, что это скрипт регистрации пользователей. Если пользователь ввел логин, который уже существует, то нужно без перезагрузки страницы сообщить ему, что такой логин уже зарегистрирован. Как реализовать это на сервере и получить ответ без перезагрузки страницы я знаю, но тут один скользкий момент:

Я могу получить ответ от сервера только одним текстом, то есть получить obj.responseText и вывести его в какой нибудь DIV для ошибок. Но мне нужно сообщать об ошибке около каждого инпута. Например если логин уже существует, то рядом с инпутом, где вводится логин, вывести соответствующую ошибку. Как разбить на части результат ответа сервера и реализовать то, что я хочу? Чую мне нужен JSON, но увы не очень понимаю как его использовать...

Надеюсь я все доступно описал, просьба пнуть в нужном направлении, а ещё лучше какой нибудь пример привести ) Заранее спасибо

2. soffrick - 04 Августа, 2013 - 14:44:40 - перейти к сообщению

teddy пишет:

мне нужен JSON, но увы не очень понимаю как его использовать...

json.parse

столько вопросов(4) по одному AJAX, мда...

Спойлер (Отобразить)

3. teddy - 04 Августа, 2013 - 14:47:33 - перейти к сообщению

Слушай, у тебя проблемы? Ты один день нормальный, а другой *тут слово за которое могут забанить*

soffrick пишет:

json.parse

Ответ из разряда:

Вопрос: "Дядя, а что такое интерпретатор?"
Ответ: "Это то, что интерпретирует"

Вообщем не можешь помочь толком - не лезь плз... А выкидоны твои мне здесь не нужны ровно также как и оценка моих знаний

4. soffrick - 04 Августа, 2013 - 14:54:30 - перейти к сообщению

teddy пишет:

json.parse

Ответ из разряда:

Вопрос: "Дядя, а что такое интерпретатор?"
Ответ: "Это то, что интерпретирует"

Вообщем не можешь помочь толком - не лезь

не осилил метод parse? в гугле забанили?

teddy пишет:

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

так ты не задавай глупые вопросы
(Добавление)

teddy пишет:

Вообщем не можешь помочь толком - не лезь

не можешь понять программирование - не лезь. Всё не запомнишь, нужно понимать

5. teddy - 04 Августа, 2013 - 15:00:28 - перейти к сообщению

soffrick
Здесь нет глупых вопросов. Для тех кто знает всегда кажется что всё просто. Это я по себе знаю. Раньше то что не понимал в упор сейчас для меня это просто а для некоторых это целая наука и так было фактически у всех, так что не надо мне тут.

Давай я сам буду решать куда мне лезть а куда нет ок?

Не нравлюсь - иди лесом. Не порть мне тему, не пиши сюда больше и вообще в те темы, где есть я. А если пишешь, не связывай свои сообщения каким либо образом со мной.

Вообщем есть вопросы - есть личка. Всё, удались отсюда. Уверен даже ты не знаешь грамотного решения моего вопроса. Ибо написал бы сразу и подробно(заметил за тобой такое, что если знаешь пишешь подробно, а если нет - тупо делаешь вид что знаешь но не помогаешь)

6. soffrick - 04 Августа, 2013 - 15:15:15 - перейти к сообщению

teddy пишет:

Уверен даже ты не знаешь грамотного решения моего вопроса. Ибо написал бы сразу и подробно(заметил за тобой такое, что если знаешь пишешь подробно, а если нет - тупо делаешь вид что знаешь но не помогаешь)

знаю

teddy пишет:

Ибо написал бы сразу и подробно(заметил за тобой такое, что если знаешь пишешь подробно

подробно - жирно будет

teddy пишет:

тупо делаешь вид что знаешь но не помогаешь)

вообще-то я не ты, чтобы лезть туда где не разбираюсь вообще или очень плохо

PHP:
скопировать код в буфер обмена

$data = array(
        "login" => "Занят",
        "password" => "Короткий",
        "email" => "Не корректен"
);
echo json_encode($data);

CODE (javascript):
скопировать код в буфер обмена

                  var data = JSON.parse(xmlhttp.responseText);
          for(val in data)
                  {
                        console.log(data[val] + "=" + val);
                        document.getElementById("valid-"+val).innerHTML = data[val];
                  }

CODE (html):
скопировать код в буфер обмена

   <p>
login<input type="text" id="login" value="qwe"/>
<span id="valid-login"></span>
</p>
 
   <p>
password<input type="text" id="password" value="qwe"/>
<span id="valid-password"></span>
</p>
 
   <p>
email<input type="text" id="email" value="qwe"/>
<span id="valid-email"></span>
</p>
 
   <input type="button" onclick="validate_Ajax()">