在文本框中输入12个字符后，激活功能

Question

我是MVC4的新手，正在开发一个使用手写扫描仪填充文本框的互联网应用程序。我希望一旦条形码被扫描，它就能自动激活JavaScript功能。

扫描条形码将用12个字符填充活动文本框，目前我必须在每次扫描后单击一个按钮。有没有办法在扫描条形码或输入第12个字符后自动激活按钮或JavaScript功能？

Answer 1

$('#myTextBox').attr('maxlength','12');
$(document).on('change','#myTextbox',function(e) {
    if ($(this).val().length >= 12) {
        $('#myButton').click();
    }
});

如果扫描仪例程支持键盘事件，则返回或：

$('#myTextBox').attr('maxlength','12');
$(document).on('keyup','#myTextbox',function(e) {
    if ($(this).val().length >= 12) {
        $('#myButton').click();
    }
});

无论哪种方式，这个解决方案都需要jQuery，一个Javascript库。

Answer 2

您可以使用setInterval定期检查长度。就像这样

var i=setInterval(function() {
   if (document.getElementById('myTextBox').value.length >=12) {
      clearInterval(i);

      // Execute your code here

   }
}, 100)

此代码每100毫秒检查一次文本框的长度，当达到所需长度时，您可以执行代码

Answer 3

嗯，在大多数情况下，这就足够了。

function functionThatActivatesWhenTwelveCharactersInForm(){

}

JS：

<input type="text" onkeyup="if(this.value.length>=12){functionThatActivatesWhenTwelveCharactersInForm()}; return true;">