使用条形码扫描仪扫描时禁用多输入

Question

我正在使用条形码扫描仪以html / jquery形式输入文本字段。

我将光标停留在输入字段上，并使用条形码扫描仪和字段中的upc显示进行扫描。

问题是有时产品包装盒中的条形码多于一个，因此扫描仪快速扫描的条形码多于一个，并显示为字符串。例如，第一个代码是123456，第二个代码是222333，然后在输入框中将其显示为123456222333。

对此有任何帮助吗？

我尝试过，如果输入框有东西，那么它应该不允许更多的输入，如

$( document ).ready(function() {
    $("#pr_id").keypress(function(){
      var inp = $(this).val();
      if(inp != ''){
         e.preventDefault(); 
        return false;
      }
    }); 
}); 

但不能正常工作。

请帮助。

谢谢

Answer 1

[您可以添加检查输入条形码的长度，例如，如果其静态长度等于6：

$("#pr_id").keypress(function(){
  var inp = $(this).val();
  if(inp != '' && inp.length == 6){
     e.preventDefault(); 
    return false;
  }
}); 

或者如果它具有范围长度，例如从6到8：

$("#pr_id").keypress(function(){
  var inp = $(this).val();
  if(inp != '' && inp.length >= 6 && inp.length <= 8){
     e.preventDefault(); 
    return false;
  }
});