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?

http://stackoverflow.com/questions/17384218/jquery-input-event — mplungjan, May 12 '16 at 14:19

Pranav C Balan · Accepted Answer · 2016-05-12T14:25:16.660

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 '16 at 14:25

answered May 12 '16 at 14:15

Pranav C Balan

113,687
23
165
188

Thanks, @pranav. Got what I want. – Shafeeque S May 12 '16 at 14:19
@ShafeequeS : glad to help you – Pranav C Balan May 12 '16 at 14:20

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

1 Answers1