Меню сайта
Категории сайта
Мини-чат
Наш опрос
Сколько Вы зарабатываете?
Всего ответов: 4912
Облако тегов
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Февраль 2009  »
Пн Вт Ср Чт Пт Сб Вс
      1
2345678
9101112131415
16171819202122
232425262728
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Февраль » 27 » Скрипты для uCoz » Проверка каждого поля при регистрации как на Ucoz
Проверка каждого поля при регистрации как на Ucoz
Вы пришли к нам на портал что бы скачать\посмотреть Проверка каждого поля при регистрации как на 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


У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: noname | Комментариев: 8 | Просмотров: 2550 | Добавлено: 27-Фев-2009

-2  
7 Dambass   (27-Мар-2009 19:28:37) [Материал]
DambassБлин помогите плиз, вроди все сделал правильно но вот что получается:

Пожалуйста напишите в чем проблема по ЛС

0  
8 a1ma2   (03-Апр-2009 19:07:12) [Материал]
ну все правильно...
0  
6 макс   (21-Мар-2009 15:45:13) [Материал]
чтото не то а жаль
0  
5 a1ma2   (07-Мар-2009 22:06:47) [Материал]
Но этот скрипт ведь не определят занят или свободен логин. Он просто показывает правильно ли заполнены поля.
0  
4 -=FoX=-   (27-Фев-2009 16:06:29) [Материал]
-=FoX=-Да небыло это я напутал)))
0  
3 senteres   (27-Фев-2009 16:01:00) [Материал]
круто
0  
2 noname   (27-Фев-2009 15:11:55) [Материал]
nonameне этого тут небыло
0  
1 -=FoX=-   (27-Фев-2009 12:59:19) [Материал]
-=FoX=-Вроде было непомню, но себе я такой ставил=) там ещо так прикольно выезжает happy
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]