Enable Jquery function when x characters

Question

Very good day!

I have a form with only one input:

    <input type="number" name="codigo" class="form-control" style="margin-left: 2%" autofocus id='codigo'>

And I need that when the input reaches 6 characters it automatically finalizes the form and sends the information to the page on action='', or "emule" the enter button event, or activate the <button type="submit"> is it possible to do such a thing? It is necessary that there be no need for human action to press the button.

Thank you in advance!

Answer 1

I left two code options on Jquery, when you hit 6 or more characters will be called the button action or submit the form.

Observing: You did not give details of the names of your controls, change to the correct names.

1st solution: We call your button click

$('#inputTexto').on('keyup', function() { 
    if ($(this).val().length >= 6) {
        // Acionamos o clique do seu botão
        $('#btnAcaoEnter').click();
    }
});

2nd solution: We submit the form to the server

$('#inputTexto').on('keyup', function() { 
    if ($(this).val().length >= 6) {
        // Submetemos o fomulário
        $('form').submit();
    }
});

Change the #inputTexto to the id of its input the user will enter the 6 characters.

Change the #btnAcaoEnter to the idfrom your button that wants to trigger the click function when the text input reaches 6 or more characters.