Javascript X字符后自动提交表单

Javascript X字符后自动提交表单,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有一个由条形码扫描仪填写的单输入表单。我正在尝试使用JS或Jquery提交表单,前提是输入的内容是7个字符。我想它的形式自动提交,而不需要用户点击提交。我看过很多例子,但还没有找到有效的解决办法 以下是我的尝试: <form action="PupListMobile.php" id="my_form" method="get"> <label for="text-1"></label> <input type="text" aut

我有一个由条形码扫描仪填写的单输入表单。我正在尝试使用JS或Jquery提交表单,前提是输入的内容是7个字符。我想它的形式自动提交,而不需要用户点击提交。我看过很多例子,但还没有找到有效的解决办法

以下是我的尝试:

<form action="PupListMobile.php" id="my_form" method="get">
     <label for="text-1"></label>
     <input type="text" autofocus name="sID" id="sID" value="" id="my_button" placeholder="CLICK TO SCAN:">
     <input type="hidden" name="lane" value="1" />
     <input id="subHere"type="submit" value="Submit"  />

</form>

您可以测试这个

我将从以下内容开始:

  • maxlength=“7”
    添加到文本输入中,因为您使用的是
    keyup(..)
    ,因此您不能按住键强制文本输入超过7个字符
  • 使用jquery函数检测长度,然后提交输入的表单
  • 设置最大长度

    <input type="text" autofocus name="sID" id="sID" value=""
        id="my_button" placeholder="CLICK TO SCAN:" maxlength="7" />
    

    这是有效的。非常感谢。我花了几个小时寻找修复方法。
    $(function(){
        $('#sID').keyup(function(){
           if(this.value.length ==7){
              alert(123);
             $('#subHere').click();
           }
        }); 
    })
    
    <input type="text" autofocus name="sID" id="sID" value=""
        id="my_button" placeholder="CLICK TO SCAN:" maxlength="7" />