Меню
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Проверка логина при регистрации (jQuery версия)
Проверка логина при регистрации
SHARA-STYLEДата: Пятница, 20.07.2018, 20:40 | Сообщение # 1
Kemper
Группа: Команда SHARA-STYLE
Сообщений: 54
Репутация: 1
Статус: Оффлайн
Подключаем jQuery
В форму регистрации сразу после
Код
$LOGIN_FL$


Код
<br><div id="LoginInfo">Введите логин</div>  
<script>  
/* © Айдар aka Pain ( http://free-manga.net.ru/ ) */  
$(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>


Преимущество этой версии от вресии с фреймами в том, что здесь используется аякс, значит экономим трафик пользователей, т.к. им не приходится загружать картинки, скрипты и т.п., имеющиеся на странице пользователя.

Ну и кода меньше.

Подключаем jQuery

Как подключить jQuery:
Качаем файл http://usive.3dn.ru/scripts/img/jquery-1.2.6.js себе на сайт.
В шаблоне страницы регистрации между <head>...</head> пишем

Код
<script src="путь к файлу на вашем сайте"></script>


 
Форум » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Проверка логина при регистрации (jQuery версия)
  • Страница 1 из 1
  • 1
Поиск: