使用jquery连续监视3个文本输入字段

时间:2016-08-02 21:09:09

标签: javascript jquery

我正在尝试一起监控3个文本输入字段。以下似乎不起作用。

$(document).ready(function () {                
    $("input:text").each( function () {  
        $(this).change( function () {
            checkinputs(this));                            
        });
    });
});

请一些见解。我想检查每个输入字段的密钥,是否所有这些密钥都符合checkinputs()强制执行的标准。

换句话说,当有人在其中一个字段中输入内容时,我想要实时监控当前字段和其他字段。这可能不像我想象的那么简单。

1 个答案:

答案 0 :(得分:2)

尝试简化代码:

$(document).on("change", "input:text", function (e) {
    checkinputs(this); //
});

function checkinputs(input) {
    console.log(input.value) // <-- do something with the input
}

演示: JSFiddle

如果这不起作用,那么您的问题可能出现在checkinputs函数中。

注2:您可以绑定到页面上已加载的最近元素 - 以document为例。

<强>更新

如果要检查输入更改的所有输入,则触发器保持不变,但checkinginputs功能必须接受所有输入。这是你如何做到的:

$(document).on("change", "input:text", function (e) {
    var $inputs = $("input:text");
    checkinputs($inputs);
});

function checkinputs($inputs) {
    $inputs.each(function () {
        console.log(this.value)
    });
}

演示: JSFiddle