Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery文本框字符串长度函数_Jquery_Textbox - Fatal编程技术网

Jquery文本框字符串长度函数

Jquery文本框字符串长度函数,jquery,textbox,Jquery,Textbox,我正在尝试让一个函数工作,这样当用户在文本框中输入了四个字符的代码时,我就会得到一个警报(目前!) 我在用 $(window).load(function () { $("#textbox").on('input', function () { if ($("#textbox").val().length > 3) { alert("Four characters detected!"); } }); })) 我肯定错过了什么,因为警报没有发出。JSFid

我正在尝试让一个函数工作,这样当用户在文本框中输入了四个字符的代码时,我就会得到一个警报(目前!)

我在用

$(window).load(function () {
$("#textbox").on('input', function () {
    if ($("#textbox").val().length > 3) {
        alert("Four characters detected!");
    }
});
}))

我肯定错过了什么,因为警报没有发出。JSFiddle地址:

短暂性脑缺血发作
JV

您的js可能在元素之前加载。使用
$(document.ready(function(){your code here})防止这种情况


这只会在页面完全加载后触发您的函数。

我认为“输入”事件不是您要查找的事件

尝试“更改”或“键控”:

$(document).on('ready', function () {
    $('#textbox').on('change keyup', function () {
        if (this.value.length > 3) {
            alert("Four characters detected!");
        }
    });
});

将.load()更改为.ready()。这一个也可以正常工作,而不是
窗口。load
使用
document.ready
参见此处我选择了“输入”事件,因为它涵盖了许多不同类型的输入,包括右键单击粘贴等。如我在此处找到的:[link]