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>

扫描条形码后自动提交HTML表单

2 个答案: