How to auto-submit form after entering text of certain length into input field

Question

I am looking for an auto-submit function for my form which should submit it once user enters text of certain length (lets say 15 chars) into an input field.

Is ther

Answer 1

Instead of checking for length of text in input field at particular interval, lets attach keyup event handler to the text field. Every time the keyup event is fired, we'll check if the length exceeds 15. If it does then we'll submit the form with .submit() API.

$('yourTextBoxSelector').on("change paste keyup", function(){
    if($(this).val().length >15){
        $('yourFormSelector').submit()
    }
});

UPDATE : jQuery has an event paste. You can use it...

Answer 2

Here is the way I would approach this. This also takes into account the user copying and pasting into the input area.

Jsfiddle -> http://jsfiddle.net/PgzrU/4/

Code below:

var max = 15;
$('input').change(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
}).keyup(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
});​