Вы пришли к нам на портал что бы скачать\посмотреть
Проверка каждого поля при регистрации как на Ucoz, если возникнут вопросы по данному файлу
Проверка каждого поля при регистрации как на Ucoz, вы всегда можете задать свой вопрос на нашем
форуме.
С уважением, администрация isucoz.com.
Скачать Проверка каждого поля при регистрации как на Ucoz
Вы наверно давно мечтали у себя на сайте в регистрации сделать так что бы поля проверялись т.е. если в окошке логин правильно написан, то около окошечка появляется , а если не правильно то появляется
Установка:
Настройка регистрации. Проверка полей.
И так настройка дизайна регистрации и проверка полей до отправки ее серверу. ( Например как тут - http://www.ucoz.ru/main/?a=reg ). После появления специального шаблона это стало возможно.
Рабочий пример тут - http://forwez.at.ua/index/3
Что нам нужно:
Шаблон - "Страница регистрации пользователей"
Шаблон - "Форма регистрации пользователей"
2 картинки - Галочка и Крестик
Java Script файл с кодом
Знания!!!
Сейчас я постараюсь все максимально просто объяснить по пунктам, Вас ни кто не вынуждает это делать, и за вас это делать тоже ни кто не собирается. Вообще это для пользователей которые знают систему, html и имеют представления о том что такое JavaScript.
Пункт 1
Скачиваем JS фаил - http://about.ucoz.ru/reg.js
Скачиваем две картинки -
Code
<a class="link" href="http://about.ucoz.ru/false.gif" rel="nofollow" target="_blank"> <A class="link" target="_blank" href="http://about.ucoz.ru/false.gif" sp_eventWasSet="on">http://about.ucoz.ru/false.gif</A> </a>
http://about.ucoz.ru/true.gif
Примечание: я перепутал название у картинок, вообще надо наоборот так что переименуйте их
Пункт 2
Закачиваем себе картинки на сайт. Далее закачиваем js фаил. Теперь внимание начинающие пользователи!
В файловом менеджере открываем JS фаил, и редактируем в нем следущие строки...
Находим строку:
Code
// ############################### Function №3 (Writing messages in the cell. Installing image)
Под ней строки:
Code
var im = '<img border="0" src="(Здесь ваш адрес картинки)" align="middle">';
и
Code
var im = '<img border="0" src="(Здесь ваш адрес картинки)" align="middle">';
Меняем адреса картинок на свои. Сохраняем.
Пункт 3
Заходим в редактирование дизайна и выбираем шаблон - "Страница регистрации пользователей" Добавляем в HEAD тег
Code
<script type="text/javascript" src="(свой адрес к JS файлу)"></script>
<script type="text/javascript" src="(свой адрес к JS файлу)"></script>
Адрес к JS файлу меняем на свой собственно.
Также добавляем либо там же в HEAD либо в таблицу стилей CSS - .fHelp {font-size:7pt;color:#515151;}
Дальше в шаблоне вида формы регистрации
Code
<input onclick="javascript:if(ch_code()==true){x=document.getElementsByTagName('form');x[0].submit(); };" class="manFlSbm" id="siF20" type="button" name="sbm" value="Регистрация" disabled />
заменить на
Code
<input onclick="if(ch_code()==true) document.forms.adduser.submit();" class="manFlSbm" id="siF20" type="button" name="sbm" value="Регистрация" disabled />
Сохраняем шаблон.
Пункт 4
ВНИМАНИЕ!!! РЕЧЬ ИДЕТ О СТАНДАРТНОЙ ФОРМЕ РЕГИСТРАЦИИ! Если вы что-то хотели изменить, добавить новое поле или сделать какое-то поле обязательным, дерзайте но скрипт уже корректно работать не будет.
Заходим в редактирование дизайна и выбираем шаблон - "Форма регистрации пользователей"
Записываем туда такой код:
Code
<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>
Напоминаю это код СТАНДАРТНОЙ формы регистрации
Сохраняем шаблон.
Все готово!!! Приятного пользования biggrin
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт!
Счетчик тИЦ и ПР.