如何使用jquery将javascript函数应用于多个文本框

如何使用jquery将javascript函数应用于多个文本框,jquery,Jquery,我有一个表单,用户需要为日期范围输入时间条目。我需要验证他们输入的内容,所以我希望我可以创建一个函数来验证一个值,以确保它是数字。然后将该函数绑定到每个具有css类hourmin的文本框。我想我正朝着正确的方向前进,但我不确定如何完成它 $(".hourmin").change(function () { //apply this validation call to the textbox which has .hourmin class }); 您可以使用$(this)获取当前文本

我有一个表单,用户需要为日期范围输入时间条目。我需要验证他们输入的内容,所以我希望我可以创建一个函数来验证一个值,以确保它是数字。然后将该函数绑定到每个具有css类hourmin的文本框。我想我正朝着正确的方向前进,但我不确定如何完成它

$(".hourmin").change(function () {
    //apply this validation call to the textbox which has .hourmin class
});
您可以使用$(this)获取当前文本框作为jQuery对象以及获取其值的方法。

请参阅 关于如何确定值是否为数字的详细讨论。要获取值,请执行以下操作:

$(this).val();

定义一个css类
invalid
以突出显示无效字段,然后使用类似以下内容:

$(".hourmin").change(function () {
    $(this).toggleClass('invalid', validate($(this).val()));
});
其中,
validate()
执行验证并返回布尔值。请查看此功能的可能实现。

Html:


Date:<input type="text" id="day" size="10" class="date" /> <input type="text" id="month" size="10" class="date" /> <input type="text" id="year" size="10" class="date"/>

希望这有帮助

谢谢,我错过的是美元。这是最后的代码,以防它对其他人有帮助

 $(document).ready(function () {
        $(".hourmin").change(function () {
            numbers = $(this).val();
            $(this).val(numbers.replace(/[^\d]+/g, ''));
        });
    });

那么,您正在寻找
$(this).method()
?这看起来是正确的。你哪里有问题?你到底面临什么问题?
 $(document).ready(function () {
        $(".hourmin").change(function () {
            numbers = $(this).val();
            $(this).val(numbers.replace(/[^\d]+/g, ''));
        });
    });