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

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