PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Шаблонизация на клиенте, разбор валидации формы.

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

ekkl	Отправлено: 13 Апреля, 2014 - 11:45:15
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	В общем есть такая форма регистрации. Отправляется она по ажаксу. (Убрал некоторые поля, чтобы сократить код) CODE (html): скопировать код в буфер обмена <form novalidate="novalidate" action="http://xandra.org/spuser/register" method="post" accept-charset="utf-8" class="custom" data-abide="ajax"> <div class="alert-box alert" style="display:none" data-for="validatr"> <!-- Блок для выведения информации об ошибках валидации --> Некоторые поля были неправильно заполнены</div> <div class="row"> <div class="large-7 columns"> <div class="large-offset-2 large-10"> <label for="name-c6336a1b">Имя пользователя</label> </div> <div class="row collapse input-wraper"> <div class="large-2 columns"> <span class="prefix fi-torso"></span> </div> <div class="large-10 columns"> <input id="name-c6336a1b" name="name" data-message="Введите нормальный логин" placeholder="Введите логин пользователя" required="required" data-icon="fi-torso" type="text"> <small class="error">Введите нормальный логин</small> </div> </div> </div> <!--Сообщение об ошибках валидаци сервером--> <div class="large-5 columns" data-input-error="name"> </div> </div> <div class="row"> <div class="large-7 columns"> <div class="large-offset-2 large-10"> <label for="pass-8d838bab">Пароль</label> </div> <div class="row collapse input-wraper"> <div class="large-2 columns"> <span class="prefix fi-unlock"></span> </div> <div class="large-10 columns"> <input id="pass-8d838bab" name="pass" data-message="Скажите пароль" placeholder="Пароль пользователя" required="required" data-icon="fi-unlock" data-iconvalid="fi-lock" type="password"> <small class="error">Скажите пароль</small> </div> </div> </div> <!--Сообщение об ошибках валидаци сервером--> <div class="large-5 columns" data-input-error="pass"> </div> </div> <input name="submit" value="Регистрация" class="small right radius button" type="submit"><div style="clear: both"></div> <input name="spform" value="xandra" type="hidden"></form> Например, сервер нашел некоторые ошибки при провеке и вернул ответ в виде JSON CODE (htmlphp): скопировать код в буфер обмена "code" : 11, "data" : { "name": "user elready exists" "password" : "to easy pass" } Вот "data" Нужно распихать но соответствующим дивам (data-input-error) (name втoлкнуть в data-input-error="name" Ну и так дальше Подходящего шаблонизатора не нашел. Остается манипуляция с DOM через jQuery. Нет лучшей идеи? (Отредактировано автором: 13 Апреля, 2014 - 11:47:18)

Ch_chov	Отправлено: 13 Апреля, 2014 - 12:54:47
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	ekkl пишет: Остается манипуляция с DOM через jQuery. А чем это не устраивает? Пара строчек на jQuery. Если форма изначально формируется на сервере, то зачем вам клиентский шаблонизатор?

ekkl	Отправлено: 13 Апреля, 2014 - 13:06:42
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	Хорошо, а вот, если я например собираюсь грузить формы и т.д. по ажаксу в плавающий див и т.д. не стоит ли посмотреть в строну какого нибудь MVC фрейворка для джаваскипта?

Ch_chov	Отправлено: 13 Апреля, 2014 - 18:28:15
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	Посмотреть всегда стоит.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.