对 jquery 中的所有输入文本类型使用 $(this)

Question

<input type="text" id="txtOMSourceName" onkeypress="hideSpan()"/>
<input type="text" id="txtMPName" onkeypress="hideSpan()"/>

如果没有输入数据，我正在验证页面上的多个文本框并将其标记为错误。我正在向这些文本框添加错误类。当他们开始在文本框中输入时，我想删除错误类。我想在 jquery 中使用它来引用当前文本框而不是 ID，这样我就可以在其他页面上重用代码。

我在文本框的按键上调用 hideSpan。它在我指定 ID 时起作用。但不是用这个关键字

function hideSpan() {
 /*  $('#txtOMSourceName').removeClass('error');
     $('#ddlOMSite').removeClass('error');
     $('#txtMPName').removeClass('error');
     $('#txtOMResendInterval').removeClass('error');*/

    $(this).removeClass('error');
    $("#requiredspan").hide("slow");

}

Answer 1

在事件中发送this 以了解谁调用了该函数：

<input type="text" id="txtOMSourceName" onkeypress="hideSpan(this)"/>

和功能：

function hideSpan(e) {
 /*  $('#txtOMSourceName').removeClass('error');
     $('#ddlOMSite').removeClass('error');
     $('#txtMPName').removeClass('error');
     $('#txtOMResendInterval').removeClass('error');*/

    $(e).removeClass('error');
    $("#requiredspan").hide("slow");
}

Answer 2

我认为这是一个更好的解决方案：

假设你有一堆文本输入：

<input type="text" id="txtOMSourceName" />
<input type="text" id="txtMPName "/>

您可以在每个标记元素中编写一个函数，而不是：

$('input[type="text"]').on('keydown', function() {

    $(this).removeClass('error');
    $('#requiredspan').hide('slow');
}