Не работает событие keyup jquery

149
18 декабря 2019, 14:20

$(document).ready(function() { 
  //show_index(); 
 
  $("#user_login").keyup(function() { 
    console.log(this.value); 
    $.ajax({ 
      url: "../config/functions.php?check_login=true&user_login=" + $('#user_login').val(), 
      method: "GET" 
    }).done(function(data) { 
      if (data == 'unique') { 
        console.log('failed_not_unique_login'); 
        $('#user_login').css('border', 'red solid 1px'); 
      } else { 
        $('#user_login').css('border', 'black solid 1px'); 
      } 
    }); 
  }); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="user_login" type="text" />

И так вкратце, что должно происходить:

user вводит ник при регистрации, он отправляется на сервере, обрабатывается и с сервера возвращается ответ.

Дело в том, что keyup почему то не отзывается, и никаких ошибок в консоли нет... Не могу понять в чем же все таки проблема.

Подскажите пожалуйста.

Answer 1

Решил проблему так: повесил обработчик прямо в теге с помощью onkeyup

<input type='text' placeholder='nick' onkeyup='valid_nick_name()' />
Answer 2

После всего написанного в комментах могу предположить, что элемент, на который вы вешаете keyup, динамический. Соответственно ready его не видит. Вместо $(document).ready используйте анонимную функцию:

$(function(){
    // всё остальное
});

Или слушайте событие keyup по всему dom:

$('body').on('keyup', '#user_login', function () { ...
READ ALSO
Как узнать текущий размер стека функций в памяти, для лучшего контроля внутри кода?

Как узнать текущий размер стека функций в памяти, для лучшего контроля внутри кода?

Работаю над оптимизацией кода, и столкнулся в ходе оптимизации с переполнением стекаИ ситуация такова, что даже вызов procces

141
Зачем нужны связи в MySQL

Зачем нужны связи в MySQL

Если я знаю, что число в одной таблице соответствует id записи из другой таблицы то спокойно получаю данные из обеих используя джойныНо я могу...

144
верстка элемента css

верстка элемента css

Как сделать , чтобы было как на картинках, мобильная версия и десктопе, что-то не могу подогнать под мобильную версию, да и десктопная не очень

174
JS работа с событием нажатия клавиш e.ShiftKey

JS работа с событием нажатия клавиш e.ShiftKey

Создать html-страницу со списком книг

165