Последние новости:

Поиск по сайту:

И устрица имеет врагов! (К. Прутков).

Проверка доступности имени пользователя с помощью JQuery и Ajax

30.01.2017
Ajax-PHP

Эта статья о проверке наличие свободного имени пользователя, используя JQuery и Ajax. AJAX также полезен при получении данных с помощью JQuery из удаленного источника данных. Если Вы хотите, получить данные, которые уже хранятся в базе данных.

 

Код Html

<div class="box">
<ul>
<li>
<label>Попробуйте пользовательский логин</label>
<input id="username" type="text" autocomplete="off" /></li>
<li></li>
</ul>
</div>

 

Код Jquery

<script type="text/javascript">
$(document).ready(function(){
$("input").keyup(function(){
var thiss = $(this);
var value = thiss.val();
$.get("check.php",{value:value},function(data){
thiss.parent('li').siblings('li').html(data);
});
});
});
</script>

 

Код PHP для проверки из базы данных

<?php
if(isset ($_GET['value']) && $_GET['value']!='')
{
$value=$_GET['value'];
 
$query="SELECT username FROM users WHERE username = '$value'";
$results = mysql_query($query)
or die(mysql_error());
 
if(mysql_num_rows($results)>0)
{
echo '<label class="negative">Имя пользователя существует</label>';
}
else
{
echo '<label class="positive">Имя пользователя доступно</label>';
}
}
?>

 

Пожалуйста, не забудьте поделиться и прокомментировать ваше мнение об этом коде.

Проверка доступности имени пользователя с помощью JQuery и Ajax

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Поделиться в соц. сетях:
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Читайте также

Статьи партнеров:

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить

Спасибо! Ваша заявка принята

close

Спасибо! Ваша заявка принята

close