[TITLE]
Воскресенье, 08.11.2009, 10:30:11 На сайте время по Украине
Информер в шапке!
[BODY]

Реклама
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Проверка Логина При Регистрации
-SkY- Четверг, 10.09.2009, 13:54 | Сообщение # 1


Сообщений: 139
Награды:0

Как подключить jQuery:
Качаем файл "jquery-1.2.6.js" себе на сайт (в корневую папку).
В шаблоне страницы регистрации между <head>...</head> пишем:
Code
<script src="путь к файлу на вашем сайте"></script>

Далее:

В форму регистрации сразу после

Code
$LOGIN_FL$

вставляем
Code
<br><div id="LoginInfo">Введите логин</div>         
         <script>         
         /* © Айдар aka Pain ( <a class="link" target="_blank" href="http://free-manga.net.ru/">http://free-manga.net.ru/</a> ) */         
         $(document).ready(function () {         
           $('#siF20').attr('disabled', true);         
         });         
         $('#siF13').change(function () {         
           Er = false;         
           if ($('#siF13').attr('value').length < 2){         
            $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Минимальная длина логина - 2 символа</b></b>');         
            Er = true;         
           }         
           if ($('#siF13').attr('value').length > 25){         
            $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Максимальная длина логина - 25 символов</b>');         
            Er = true;         
           }         
           if ($('#siF13').attr('value').match(/[^a-zA-Z0-9\-\_\@\%\{\}\[\]\(\)\u0080-\uFFFF]/)){         
            $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Недопустимые символы</b>');         
            Er = true         
           }         
           if (!Er){         
            $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/wd/3/ajaxs.gif"> <b>Подождите идет проверка...</b>');         
            $.get('/index/8-0-' + $('#siF13').attr('value'), function (Data) {         
             if (Data == 'Пользователь не найден') {         
              $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/ok.png"> <b style="color: green;">Логин ' + $('#siF13').attr('value') + ' свободен</b>');         
              $('#siF20').attr('disabled', false);         
             }         
             else {         
              $('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Логин ' + $('#siF13').attr('value') + ' занят</b>');         
              $('#siF20').attr('disabled', true);         
             }         
            })         
           }         
           else {         
            $('#siF20').attr('disabled', true);         
           }         
         });         
         </script>

Преимущество этой версии от вресии с фреймами в том, что здесь используется аякс, значит экономим трафик пользователей, т.к. им не приходится загружать картинки, скрипты и т.п., имеющиеся на странице пользователя.
-SkY-: Файл query-1.2.6.js прикреплён к теме
Сообщение отредактировал -SkY- - Четверг, 10.09.2009, 13:56
  • Страница 1 из 1
  • 1
Поиск:


| Copyright MyCorp © 2025 | Сделать бесплатный сайт с uCoz |