Идеи могут быть обезврежены только идеями (О. Бальзак).

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

Главное меню » Блог-платформа wordpress » Проверка доступности имени пользователя с помощью JQuery и Ajax

30.01.2017

Эта статья о проверке наличие свободного имени пользователя, используя 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>';
}
}
?>

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