Кодировка HTML | Демо-сайт CMS uCoz | Почта

Проверка полей формы регистрации

Архив полностью рабочих скриптов и так далее...

Проверка полей формы регистрации

Сообщение СветилО » 22 апр 2008, 22:46

Как сделать проверку полей, как здесь:
Изображение
Аватара пользователя
СветилО
Подполковник
Подполковник
 
Автор темы
Сообщения: 177
Возраст: 32
Зарегистрирован: 21 апр 2008, 18:09
Карма: + 0 -
Откуда: Донецк, Украина

Re: Проверка полей формы регистрации

Сообщение AllCity » 22 апр 2008, 22:48

Пункт 1
Скачиваем архив с двумя js файлами и две картинки (Ссылка ниже)
В корень сайта загружаем все файлы кроме reg_original.js

Пункт 2
В шаблоне Страница регистрации пользователей добавляем в HEAD скрипт
Код: Выделить всё
<script type="text/javascript" src="/reg.js"></script>

Также добавляем либо там же в HEAD либо в таблицу стилей класс (CSS) - .fHelp {font-size:7pt;color:#515151;}
Сохраняем шаблон.

Пункт 3
ВНИМАНИЕ!!! РЕЧЬ ИДЕТ О СТАНДАРТНОЙ ФОРМЕ РЕГИСТРАЦИИ!
Если вы что-то хотели изменить, добавить новое поле или сделать какое-то поле обязательным, дерзайте но скрипт уже корректно работать не будет.
Так что в архиве есть файл reg_original.js для этого!

Заходим в редактирование дизайна и выбираем шаблон - "Форма регистрации пользователей"
Записываем туда такой код:
Код: Выделить всё
<table border="0" cellspacing="1" cellpadding="2" width="100%" class="manTable" id="siM63">
%IF($ERROR$)%
<tr id="siM1"><td colspan="3" align="center" class="manTdError" id="siM2">$ERROR$</td></tr><tr>
<td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($LOGIN_FL$)%
<tr id="siM42"><td class="manTd1" width="20%" id="siM43">$LOGIN_SIGN$</td>
  <td class="manTd2" id="siM44" width="45%"><input onblur="ch_login();" type="text" id="siF13" class="manFlLogin" name="user" value="" size="20" style="width:100%" maxlength="25" /></td>
  <td class="manTd2" id="isLogin" class="fHelp" width="35%">
  <img border="0" src="http://about.ucoz.ru/true.gif" align="middle" width="16" height="16" align="middle"> </td></tr>
<tr><td class="manTd1" width="20%"> </td>
  <td class="manTd2" width="80%" colspan="2">
  <div class="fHelp">Логин может состоять только 
  из латинских или русских букв, цифр и дефиса [a-zA-Z0-9-]. Минимальная длина логина 2 
  символа, максимальная - 15 символов.</div></td></tr>
  <tr><td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($PASSWORD_FL$)%
<tr id="siM45"><td class="manTd1" id="siM46" width="20%">$PASSWORD_SIGN$</td>
  <td class="manTd2" id="siM47" width="45%"><input onblur="ch_pass();" type="password" id="siF14" class="manFlPassw" name="password" size="20" style="width:100%" maxlength="15" /></td>
  <td class="manTd2" id="isPassword" class="fHelp" width="35%">
  <img border="0" src="http://about.ucoz.ru/true.gif" align="middle" width="16" height="16"></td></tr>
%ENDIF%
%IF($PASSWORD1_FL$)%
<tr id="siM48"><td class="manTd1" id="siM49" width="20%">$PASSWORD1_SIGN$</td>
  <td class="manTd2" id="siM50" width="45%"><input onblur="ch_pass_conf();" type="password" id="siF15" class="manFlPassw1" name="password1" size="20" style="width:100%" maxlength="15" /></td>
  <td class="manTd2" id="isPasswordConfirm" class="fHelp" width="35%">
  <img border="0" src="http://about.ucoz.ru/true.gif" align="middle" width="16" height="16"></td></tr>
<tr><td class="manTd1" width="20%"> </td>
  <td class="manTd2" width="80%" colspan="2"><div class="fHelp">Пароль должен быть сложным, чтобы его нельзя было подобрать (пример: "<i>kDi3p9S7</i>"). Пароль может состоять только из латинских букв, цифр, знака подчеркивания и дефиса [a-zA-Z0-9-_]. Минимальная длина пароля <b>6</b> символов, максимальная - <b>15</b> символов. <b>Регистр</b> букв учитывается системой.</div></td></tr>
  <tr><td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ELSE%<tr><td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($GROUP_FL$)%
<tr id="siM70"><td class="manTd1" id="siM71" width="20%">$GROUP_SIGN$</td>
  <td class="manTd2" id="siM72" width="45%">$GROUP_FL$</td>
  <td class="manTd2" id="siM72" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($NAME_FL$)%
<tr id="siM51"><td class="manTd1" id="siM52" width="20%">$NAME_SIGN$</td>
  <td class="manTd2" id="siM53" width="45%"><input onblur="ch_name();" type="text" id="siF16" class="manFlaName" name="name" size="20" style="width:100%;" value="" maxlength="35" /></td>
  <td class="manTd2" id="isName" class="fHelp" width="35%">
  <img border="0" src="http://about.ucoz.ru/true.gif" align="middle" width="16" height="16"></td></tr>
<tr><td class="manTd1" width="20%"> </td>
  <td class="manTd2" width="80%" colspan="2">
  <div class="fHelp">Имя может состоять только 
  из латинских или русских букв, цифр и дефиса [a-zA-Z0-9-]. Минимальная длина
  <span lang="ru">имени</span> 2 
  символа, максимальная - 15 символов.</div></td></tr>
  <tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($EMAIL_FL$)%
<tr id="siM54"><td class="manTd1" id="siM55" width="20%">$EMAIL_SIGN$</td>
  <td class="manTd2" id="siM56" width="45%"><input onblur="ch_mail();" type="text" id="siF17" class="manFlaEmail" name="email" size="20" style="width:100%;" value="" maxlength="60" onChange="alert('Проверьте правильность вашего Email адреса, на этот адрес будет выслано письмо с кодом подтверждения.\nЕсли не подтвердить email, то любая активность, для которой используется электронная почта, будет заблокирована для вас.');" /></td>
  <td class="manTd2" id="isEmail" class="fHelp" width="35%">
  <img border="0" src="http://about.ucoz.ru/true.gif" align="middle" width="16" height="16"></td></tr>
<tr><td class="manTd1" width="20%"> </td>
  <td class="manTd2" width="80%" colspan="2">
  <div class="fHelp">Вы должны ввести рабочий e-mail адрес, так как Вам придется 
  его подтвердить, чтобы иметь возможность полноценно работать
  на нашем сайте.</div></td></tr>
  <tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($WWW_FL$)%
<tr id="siM3"><td class="manTd1" id="siM4" width="20%">$WWW_SIGN$</td>
  <td class="manTd2" id="siM5" width="45%">$WWW_FL$</td>
  <td class="manTd2" id="siM5" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($ICQ_FL$)%
<tr id="siM6"><td class="manTd1" id="siM7" width="20%">$ICQ_SIGN$</td>
  <td class="manTd2" id="siM8" width="45%">$ICQ_FL$</td>
  <td class="manTd2" id="siM8" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($AOL_FL$)%
<tr id="siM9"><td class="manTd1" id="siM10" width="20%">$AOL_SIGN$</td>
  <td class="manTd2" id="siM11" width="45%">$AOL_FL$</td>
  <td class="manTd2" id="siM11" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($MSN_FL$)%
<tr id="siM12"><td class="manTd1" id="siM13" width="20%">$MSN_SIGN$</td>
  <td class="manTd2" id="siM14" width="45%">$MSN_FL$</td>
  <td class="manTd2" id="siM14" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($YAHOO_FL$)%
<tr id="siM15"><td class="manTd1" id="siM16" width="20%">$YAHOO_SIGN$</td>
  <td class="manTd2" id="siM17" width="45%">$YAHOO_FL$</td>
  <td class="manTd2" id="siM17" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($BIRTHDAY_FL$)%
<tr id="siM30"><td class="manTd1" id="siM31" width="20%">$BIRTHDAY_SIGN$</td>
  <td class="manTd2" id="siM32" width="45%">$BIRTHDAY_FL$</td>
  <td class="manTd2" id="siM32" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($GENDER_FL$)%
<tr id="siM27"><td class="manTd1" id="siM28" width="20%">$GENDER_SIGN$</td>
  <td class="manTd2" id="siM29" width="45%">$GENDER_FL$</td>
  <td class="manTd2" id="siM29" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($COUNTRY_FL$)%
<tr id="siM18"><td class="manTd1" id="siM19" width="20%">$COUNTRY_SIGN$</td>
  <td class="manTd2" id="siM20" width="45%">$COUNTRY_FL$</td>
  <td class="manTd2" id="siM20" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($STATE_FL$)%
<tr id="siM21"><td class="manTd1" id="siM22" width="20%">$STATE_SIGN$</td>
  <td class="manTd2" id="siM23" width="45%">$STATE_FL$</td>
  <td class="manTd2" id="siM23" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($CITY_FL$)%
<tr id="siM24"><td class="manTd1" id="siM25" width="20%">$CITY_SIGN$</td>
  <td class="manTd2" id="siM26" width="45%">$CITY_FL$</td>
  <td class="manTd2" id="siM26" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($AVATAR_FL$)%
<tr id="siM36"><td class="manTd1" valign="top" id="siM37" width="20%">$AVATAR_SIGN$</td>
  <td class="manTd2" id="siM38" width="45%">$AVATAR_FL$</td>
  <td class="manTd2" id="siM38" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($SIGNATURE_FL$)%
<tr id="siM33"><td class="manTd1" id="siM34" width="20%">$SIGNATURE_SIGN$</td>
  <td class="manTd2" id="siM35" width="45%">$SIGNATURE_FL$</td>
  <td class="manTd2" id="siM35" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($SUBSCRIPTION_FL$)%
<tr id="siM39"><td class="manTd1" id="siM40" width="20%">$SUBSCRIPTION_SIGN$</td>
  <td class="manTd2" id="siM41" width="45%">$SUBSCRIPTION_FL$</td>
  <td class="manTd2" id="siM41" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($OPTIONS_FL$)%
<tr id="siM63"><td class="manTd1" id="siM64" width="20%">$OPTIONS_SIGN$</td>
  <td class="manTd2" id="siM65" width="45%">$OPTIONS_FL$</td>
  <td class="manTd2" id="siM65" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
%IF($SECURITY_CODE_FL$)%
<tr id="siM60"><td class="manTd1" id="siM61" width="20%">$SECURITY_CODE_SIGN$</td>
  <td class="manTd2" id="siM62" width="45%">$SECURITY_CODE_FL$</td>
  <td class="manTd2" id="siM62" width="35%"> </td></tr><tr>
  <td height="10" class="manTdSep" colspan="3"><hr class="manHr" /></td></tr>
%ENDIF%
<tr id="siM64"><td class="manTdBut" colspan="3" align="center" id="siM65"><input onclick="if(ch_code()==true) document.forms.adduser.submit();" class="manFlSbm" id="siF20" type="button" name="sbm" value="Регистрация" disabled /></td></tr>
</table>

Напоминаю это код СТАНДАРТНОЙ формы регистрации
Сохраняем шаблон.

Вложения
reg.zip
(3.44 Кб) Скачиваний: 481
Аватара пользователя
AllCity
Администратор
Администратор
 
Сообщения: 2505
Возраст: 32
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 147 -
Откуда: Израиль, Тель-Авив


Вернуться в Архив скриптов и интересных решений

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron