Jquery textbox string length function

Question

I am trying to get a function to work so that I get an alert (for now!) when a user has entered a four character code into a text box.

I'm using...

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

});

I must be missing something, as the alert doesn't fire. JSFiddle at: http://jsfiddle.net/1s8phz4w/

TIA JV

this one will also work http://jsfiddle.net/vnodkumar1987/1s8phz4w/2/ — exexzian, Sep 19 '14 at 15:42
its working just instead of `window.load` use `document.ready` see here http://jsfiddle.net/1s8phz4w/1/ — Kartikeya Khosla, Sep 19 '14 at 15:42

score 0 · Answer 1 · answered Sep 19 '14 at 15:45

0

Probably your js is loading before the element. Prevent this using $(document).ready(function(){ your code here });

This will trigger your function only after your page is fully loaded.

answered Sep 19 '14 at 15:45

Matheus Godoy

72
1
5

Monkey Monk · Accepted Answer · 2014-09-19T18:58:47.830

0

I think the 'input' event is not the one you're seeking.

Try 'change' or 'keyup' :

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

edited Sep 19 '14 at 18:58

answered Sep 19 '14 at 16:06

Monkey Monk

984
9
19

I went for the 'input' event as it covers a number of different types on input including right-click paste etc. as I found here: [link]http://stackoverflow.com/questions/17317465/jquery-textbox-change-event-doesnt-fire-until-textbox-loses-focus – JohnV Sep 20 '14 at 07:45

Jquery textbox string length function

2 Answers2