Question

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

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

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

和

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

和

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

任何知道简单解决方案的人？

我的ajax帖子的功能如下：

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

和我的输入字段：

API

Answer 1

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

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

更新了maxlength设置为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();
        }
    });
});

Answer 2

您无需关注点击事件，而是需要关注按键或键盘事件。

此外，您的代码中没有btn ID。您输入的ID是“条形码”。

尝试类似......

$('#barcode').on('keypress', function(){
    // function to run
});

如果用户输入length = x，则btn.click（）函数

2 个答案: