javascript - 如果用户输入长度= x ， btn.click() 函数

Question

小问题，我试图在输入字段长度为 7 个字符时自动运行该函数。

我尝试了一些不同的片段:

var barcodeMeting = document.getElementById("barcode").value.length;

 if(barcodeMeting.innerHTML.length == 7)
{
    document.getElementById('btn').click();
}

和

if(docement.getElementById('barcode').length == 7)
{
    document.getElementById('btn').click();
}

和

count = barcodeParsing.length ;
     if(count >= 6)
{
    document.getElementById('btn').click();
}

谁知道一个简单的解决方案？

我的 ajax post 函数如下所示:

$("#btn").click(function(){...}

和我的输入字段:

                <input type="text" name="barcode" id="barcode" class="inputBarcode" placeholder="  Wachten op barcode scan..">

Answer 1

下面的解决方案使用 keyup 并将输入的 maxlength 设置为 7 以简化 UI 处理。一旦满足所需的长度，它就会提交包含的表单。

示例 JSFiddle:http://jsfiddle.net/hmvmLqaa/4/

更新了输入，最大长度设置为 7:

<input type="text" name="barcode" id="barcode" class="inputBarcode" placeholder="  Wachten op barcode scan.." maxlength="7"/>

Javascript代码:

$(document).ready(function() {
    $('#barcode').keyup(function() {
        if (this.value.length > 6) {
            $(this.form).submit();
        }
    });
});