带有样式化文本框的jQuery验证插件 我有一个文本框在A三行，三列表的中间。外部表格单元格用于为文本框添加一些装饰。当输入到文本框中的数据无效时，文本框的颜色会改变，周围的图像也会改变。这就是我的问题所在。在登录页面上有用户名文本框和密码文本框。如果我点击submit，但两个字段都没有填写，则texbox的颜色会发生变化，图像也会发生变化，以显示所需字段。我的问题是，当用户输入一些文本时，如何让它们恢复正常？我可以编写自己的javascript来处理这个问题，但我正试图使用jQuery进行验证，就像应用程序的其他部分一样。有什么想法吗

以下是我目前的工作：

        $.APP.login = $("#logOnDiv > form").validate({
        errorPlacement: function (error, element) {
            element.parents('table').removeClass('input-table');
            element.parents('table').addClass('invalid-input-table');
        },
        errorClass: "invalid-decorated-input"
    });

---

收听文本框本身上的事件，如按键。假设每个文本框都有一个名为isValidated的类

---

有更有效的方法可以做到这一点，方法是使用实时事件并将无效类添加到文本框中，但这应该足够了，除非您谈论的是大量字段。

谢谢您的回复。我不确定这就是我要找的。我知道我可以简单地使用类来定位texbox，但这没有帮助，因为表中textxbo周围的图像也需要更改。我也不知道按键是我要找的，因为它不提供任何验证文本是否真的被输入了。我扩展了答案，使其更加可靠。如果没有特定的DOM，这是我所能得到的最具体的。其想法是，这将是动态的，可以在每个页面上使用。然而，你的建议让我思考，我想到了这个：好吧，我放弃在这一部分发布代码。基本上我使用了你的一些代码，有两个改动。我去掉了.parents并将其替换为最近的，并且在更改类的函数中添加了keypress事件的侦听器。

$('.isValidated').keypress(function() {
  if($(this).val().length) { //we have text now
    $(this).parents('table.invalid-input-table').removeClass('invalid-input-table');
    //put any other code to remove other html elements (like the images here)
    //traversal would be from the text box, so you could do things like $(this).siblings('img').remove(), etc.
  }
});