How can I execute a jquery function on entering text in html text input box?

Question

I have HTML code like

<input type="text" class="input-box">

I want to execute a jQuery function when the inputbox is filled with 4 character.

For example, I type "ABCD" then the function will be executed and not for "AB" or "ABC" something like that. How can I do this?

stackoverflow.com/questions/17384218/jquery-input-event

mplungjan
– mplungjan

2016-05-12 14:19:37 +00:00
Commented May 12, 2016 at 14:19 — mplungjan
– mplungjan, Commented May 12, 2016 at 14:19

Pranav C Balan · Accepted Answer · 2016-05-12 14:25:16Z

5

Bind an event handler and check text length, based on the length call the function

$('.input-box').on('input', function() {
  if (this.value.trim().length >= 4) {
    // call your function here
    doIt();
  }
});

function doIt() {
  alert('hi');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="input-box">

edited May 12, 2016 at 14:25

answered May 12, 2016 at 14:15

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shafeeque S Over a year ago

Thanks, @pranav. Got what I want.

Pranav C Balan Over a year ago

@ShafeequeS : glad to help you

Collectives™ on Stack Overflow

How can I execute a jquery function on entering text in html text input box?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related