在输入文本框中键入时显示图标

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');
});