X个字符后自动提交表单

Question

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

jQuery：

$('#sID').keyup(function(){
    if(this.value.length ==7){
    $('#subHere').click();
    }
});

$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
}); 

Answer 1

我将从以下几点开始：

1. 将maxlength=“7”添加到文本输入中，因为您正在使用键升(..)，这样您就无法按住键强制输入超过7个字符的文本
2. 使用jquery函数检测长度，然后提交输入的形式

设置最大长度

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

    $(function() {
      var $id = $('#sID');
      $id.keyup(function(e) {
        if ($id.val().length >= 7) {
          $(this.form).submit();
        }
      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<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:" maxlength="7" />
     <input type="hidden" name="lane" value="1" />
     <input id="subHere"type="submit" value="Submit"  />

</form>