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


Display icon while typing in input textbox

我正在为网站上的用户开发注册页面。它会验证输入框,并在格式无效或数据库中已存在用户时显示错误。

但是,我希望它看起来比文本中的简单错误消息更优雅一些。我假设你们中的大多数人都看过每个输入框右侧都有一个图标(+错误消息)的网站,如果输入有效与否,该图标会发生变化。

我知道你可以通过做这样的事情来做到这一点。

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

但是,当用户在输入框中回答/键入时加载图标呢?如何检查用户是否在打字?完成这项工作需要什么编程语言?是否可以仅使用HTML,PHP和CSS来做到这一点,或者我必须使用javascript或类似的东西?

试试这个

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