Comment faire automatiquement un formulaire dans JS lorsqu'un champ atteint un nombre de caractères?

Quelle meilleure façon de faire une forme ayant une autosubition lorsqu'un champ est complètement rempli? J'ai besoin de lui pour le faire quand il atteint 7 caractères sur le terrain.

PT-BR Quelle est la meilleure façon de faire un formulaire pour un automate automatique ou un campo pour totalmente rempli? Preciso que ele font faz de l'électeur 7 caractères no campo.

J'apprécie toute votre aide! Obrigado!

<html> <head> <script type="text/javascript">//<![CDATA[ window.onload=function() { document.getElementById('myField').oninput=function() { if (this.value.length >= 7) { document.getElementById('myForm').submit(); } }; }; //]]> </script> </head> <body> <form id="myForm" method="post" action="thispage.php"> <input id="myField" name="myField" type="text" /> </form> </body> </html> 

serait probablement faire l'affaire. Cependant, que faire si l'user se trompe sur le 7ème caractère? Il semble un peu amiable pour l'user de soumettre automatiquement le formulaire comme celui-ci.

Essayez ceci et vérifiez le lien jsfiddle:

 $(document).ready(function(){ $("#submit").on('keyup',function(){ var len = parseInt($("#submit").val().length); if( len > 5) { $("#form").submit(); } }); }); 

JSFIDDLE

Voici comment vous pouvez le faire, en vérifiant la longueur des caractères et si votre numéro apparaît, puis submit() .

 var field = document.getElementById('text-1'); field.addEventListener('input', function(e) { console.log('working'); if (e.target.value.length >= 7) { console.log('auto '); document.forms[0].submit(); } }, true); 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> </head> <body> <form action="/" id="myForm" mehtod="POST"> <input type="text" value="" name="text-1" id="text-1" /> <input type="submit" value="Submit" name="sub" id="sub" /> </form> </body> </html>