2014-09-19 50 views
1

我想获得一个函数来工作,以便当用户在文本框中输入一个四字符代码时,我会得到一个提示(现在!)。jquery textbox字符串长度函数

我使用...

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

});

我必须缺少一些东西,因为警报不会触发。在的jsfiddle: http://jsfiddle.net/1s8phz4w/

TIA 合资

+2

变化.load()来。就绪() – 2014-09-19 15:40:57

+0

这其中也将工作http://jsfiddle.net/vnodkumar1987/1s8phz4w/2/ – exexzian 2014-09-19 15:42:04

+0

它的工作而不是'window.load'使用'document.ready'请看这里http://jsfiddle.net/1s8phz4w/1/ – 2014-09-19 15:42:06

回答

0

我认为'输入'事件不是你正在寻找的。

尝试 '变' 或 'KEYUP':

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

我参加了'输入'事件,因为它涵盖了许多不同类型的输入,包括右键单击粘贴等,因为我在这里找到:[link] http://stackoverflow.com/questions/17317465/jquery-textbox-change-event-doesnt-fire-until-textbox-loses-focus – JohnV 2014-09-20 07:45:41

0

可能是你的JS是元素之前加载。防止这种使用$(document).ready(function(){ your code here });

这将触发你的功能,只有在你的页面完全加载后。