Значок дисплея при вводе текста ввода

Question

Я работаю над страницей регистрации для пользователей на веб-сайте. Он проверяет поля ввода и отображает ошибки, если формат недействителен или пользователь уже существует в базе данных.

Однако, я хочу, чтобы это выглядело немного элегантнее, чем просто сообщения об ошибках в тексте. Я предполагаю, что большинство из вас увидели веб-сайты, на которых есть значок (+ сообщение об ошибке) в правой части каждого окна ввода, который изменяется, если вход действителен или нет.

Я знаю, что вы можете сделать это, просто делая это что-то вроде этого ..

if (input is validated and correct) { 
    *display successful icon*; 
} else { 
    *display not-successful icon*; 

Но что значок загрузки в то время как пользователь отвечает/ввод в поле ввода? Как вы проверяете, набирает ли пользователь или нет? Какой язык программирования необходим для выполнения этой работы? Можно ли это сделать только с HTML, PHP и CSS, или мне нужно использовать javascript или что-то в этом роде?

Answer 1

Попробуйте

$('input[@type="text"]').keypress(function() { 
    $('#lodingicon').fadeIn('slow'); 
});