Проверка логина - Форум общения
Друзья
Теперь можно добавлять пользователей в список друзей, спасибо за доработку скрипта MindFreakTheMon'у
Сообщения
Теперь в форуме "Общение" сообщения не учитываются.
Косметические изменения
Изменил несколько второстепенных страниц и сделал их в стиле персональной.
Личная страница
Изменил личную страницу. Теперь она стала более приятной на вид и более удобной в использовании.
Форма входа
Я изменил форму входа на нашем сайте. Она стала более удобной и "человечной". Те, кому интересно, могут посмотреть.
Блок новостей
Вот и появился у нас блок новостей.

Закрыть
 
 
Вход · Регистрация · Новые сообщения · Участники · Правила форума · Поиск · RSS
Страница 1 из 212»
Модератор форума: PRmaker, Angel7, MindFreakTheMon 
Форум общения » Помощь по системе UcoZ » Дополнительные функции » Проверка логина (jQuery версия)
Проверка логина
GaaraДата: Воскресенье, 12.10.2008, 10:30 | Сообщение # 1
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
Подключаем jQuery

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

Code
<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>

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

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

Пример






Сообщение отредактировал Gaara - Понедельник, 13.10.2008, 16:42
 
TmДата: Воскресенье, 12.10.2008, 18:02 | Сообщение # 2
Зевака
Группа: Проверенные
Сообщений: 45
Репутация: 0
Статус: Offline
Quote (Gaara)
Подключаем jQuery

Как его подключить ?

 
GaaraДата: Понедельник, 13.10.2008, 13:36 | Сообщение # 3
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
качай файл http://free-manga.net.ru/jquery-1.2.6.js и на страницу между <head> </head> пиши <script src="путь к файлу на своем сайте"></script>



 
}{0тт@бь)чДата: Понедельник, 13.10.2008, 15:20 | Сообщение # 4
Завсегдатай
Группа: Проверенные
Сообщений: 145
Репутация: 14
Статус: Offline
а слабо без jquery на аяксе сделать? :p


YAHOO.EU
 
GaaraДата: Понедельник, 13.10.2008, 16:31 | Сообщение # 5
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
пока да =)



 
MindFreakTheMonДата: Понедельник, 13.10.2008, 17:49 | Сообщение # 6
Завсегдатай
Группа: Модераторы
Сообщений: 326
Репутация: 26
Статус: Offline
А ничего сложного. Делаем функцию, которая бы создавала или активикс для ие, или ХМЛХТТПРеквест для нормальных браузеров, потом ставим хенлеры onkeyup для поля (для ие и нормальных браузеров будет разный тип хендлера), дале создаем гегЭкспы и через regexp.test(text) вычисляем если допустимые символы в логине, если же нет - подаем реквест, получаем ответ, если в ответе есть текст "пользователь не найден" (или же можно достичь проверки путем поиска там какоголибо хтмл-элемента), то выдавать соответствующий результат.

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


With hands held high into a sky so blue
as the ocean opens up to swallow you.
 
karasssaДата: Четверг, 16.10.2008, 18:27 | Сообщение # 7
Прохожий
Группа: Проверенные
Сообщений: 2
Репутация: 0
Статус: Offline
А можно ли на jQuery или Аяксе вытаскивать данные? Например, вытащить данные из каталога статей и использовать эти данные в каталоге файлов (интересует конкретно автоматическое определение наличия статьи и определение ссылки на эту статью).
 
KiedisДата: Четверг, 16.10.2008, 19:05 | Сообщение # 8
Завсегдатай
Группа: Проверенные
Сообщений: 305
Репутация: 11
Статус: Offline
karasssa, да .load

Работаю над новым проектом:
uWeb - Media Services
 
karasssaДата: Четверг, 16.10.2008, 23:37 | Сообщение # 9
Прохожий
Группа: Проверенные
Сообщений: 2
Репутация: 0
Статус: Offline
а можно подробнее, пожалуйсто.
 
GaaraДата: Пятница, 17.10.2008, 15:16 | Сообщение # 10
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
Quote (MindFreakTheMon)
И кстати.. аякс не понизит трафик пользователя, он понизит трафик сервера.

а то, что пользователю не нужно будет загружать картинки, скрипты...?



 
Igrok_444Дата: Пятница, 17.10.2008, 16:07 | Сообщение # 11
Завсегдатай
Группа: Проверенные
Сообщений: 64
Репутация: 12
Статус: Offline
karasssa, пример
Gaara, Спасибо за написанное) ;)


Рекомендую: Одинокая Пантера
 
GaaraДата: Пятница, 17.10.2008, 16:17 | Сообщение # 12
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
Igrok_444, пожалуйста =)



 
MindFreakTheMonДата: Пятница, 17.10.2008, 18:02 | Сообщение # 13
Завсегдатай
Группа: Модераторы
Сообщений: 326
Репутация: 26
Статус: Offline
Quote (Gaara)
а то, что пользователю не нужно будет загружать картинки, скрипты...?

Ну так. Сам же говоришь..) Пользователь принимает ответ в виде текста, потому все те картинки, скрипты, как ты говоришь, не будут повторно (или не очень) требоваться у сервера. (того или инного, результат один), а уже исходя из этого, пользователю быстрее сделать именно аякс запрос.

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


With hands held high into a sky so blue
as the ocean opens up to swallow you.
 
GaaraДата: Пятница, 17.10.2008, 18:07 | Сообщение # 14
Зритель
Группа: Проверенные
Сообщений: 54
Репутация: 5
Статус: Offline
Quote (MindFreakTheMon)
если страница содержала ничего, кроме текста

ну ведь это не так ;)



 
MindFreakTheMonДата: Пятница, 17.10.2008, 19:29 | Сообщение # 15
Завсегдатай
Группа: Модераторы
Сообщений: 326
Репутация: 26
Статус: Offline
Gaara, все ладно. :D Просто я в последнее время, все смотрю со стороны сервера..

With hands held high into a sky so blue
as the ocean opens up to swallow you.
 
Форум общения » Помощь по системе UcoZ » Дополнительные функции » Проверка логина (jQuery версия)
Страница 1 из 212»
Поиск:
Хостинг от uCoz Designed by Hadrus Design