掃描條碼后自動提交 HTML 表單

Question

我試圖在掃描條形碼后自動提交表單。 我掃描的號碼總是 16 位數字。

<form id="Form" action="action.php" method="post">
  <input id="here" maxlength="16" placeholder="scan..." type="text" tabindex="1" required autofocus>
  <input id="subHere" type="submit">
</form>

<script>
  $('#here').keyup(function(){
    if(this.value.length ==16){
    $('#subHere').click();
    }
  });
</script>​

輸入 16 位數字的限制有效，但我的表單在輸入 16 位數字后不會自動提交。

我也想在提交后清除表格，以便我可以掃描下一個條形碼。 你有什么建議嗎？

Answer 1

感謝 Fr0zenFyr 它現在可以工作了：

<form id="Form" action="./js/filehandling.js" method="post">
   <input id="here" maxlength="16" placeholder="scan..." type="text" tabindex="1" required autofocus>
   <input id="subHere" type="submit">
</form>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>

<script>
  $('#here').keyup(function(){
      if(this.value.length ==16){
      $('#subHere').click();
      }
  });
</script>​

輸入16位數字后，自動提交表單

Answer 2

另一種方法是：

<script>
  $("#input_field").keyup(function() {
    if ($(this).val().length >= 16)
      $('#form').submit();
  })
</script>