Closed. This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 7 years ago. Improve this question What better way to make a form having a autosubmit when a field is completely filled? I need him to

How to autosubmit a form in JS when a field reaches a number of characters? [closed]

What better way to make a form having a autosubmit when a field is completely filled? I need him to do it when it reaches 7 characters in the field.

Answer

<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>

JavaScript
​x
 
<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>
​

would probably do the trick. However, what if the user makes a mistake on the 7th character? It seems a bit user-unfriendly to automatically submit the form like this.

Advertisement

Answer