Javascript 如果用户输入长度=x，则使用btn.click（）函数

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

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

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

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

及

及

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

我使用ajax post的函数如下所示：

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

和我的输入字段：

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

---

您需要观看按键或按键事件，而不是观看点击事件

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

试试像

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

---

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

示例JSIDLE：

已更新输入，最大长度设置为7：

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

---

您需要收听按键事件。。。。那些if语句不能神奇地保持运行。仅供参考，一个相等的

=

是分配。您需要重新对齐代码，现在看起来很乱。如果您想自动提交，您应该

。提交（）

表单，而不是

。单击（）

按钮，然后单击。我需要检查一下长度。也许柜台可以用？在第7个字符上，按钮需要单击。为条形码的长度创建了一个var。是的，您可以将长度作为在按键检查中运行的函数的一部分进行检查。只需使用

$（this.form）.submit（）

而不是

.closest（“form”）

-类似的东西，因此您可能需要切换到更简单的

this.value.length

，你应该使用

>6

，这样它就不会被粘贴等所愚弄。

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

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

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