扫描条形码扫描仪后,请避免自动提交表格

时间:2015-11-01 08:19:51

标签: javascript php jquery html

HTML

<form action="die_issue_process.php" id="form" method="post" autocomplete="off">
<input type="text" name="item_name[]"  />
<input type="button" name="add_item" value="Add More" onClick="addMore();" />
<input type="submit" id="Search" name="Search" value="Search" />

Javascript代码:

function addMore() {
$("<DIV>").load("input.php", function() {
$("#product").append($(this).html());
}); 
}

这种形式的朋友我有单个文本框,并根据需要添加按钮添加文本框。在这个表单中,我通过BAR CODE读取器输入,所以一旦扫描条形码,表单就会自动提交,但我的要求是它应该只在提交按钮后提交

注意:我的表单会在第一次扫描输入框时自动提交。

3 个答案:

答案 0 :(得分:1)

好吧,条形码扫描仪会读取条形码并自动提交! 所以我认为你最好用类型&#34;提交&#34;来改变你的输入。到按钮

<input type="button" id="Search" name="Search" value="Search" />

答案 1 :(得分:1)

您可以将条形码扫描仪视为非常专业的键盘。如果您在文本编辑器中测试条形码扫描仪。您会发现他们很快就输入了条形码所代表的字符串,后接回车符

与使用键盘手动执行相同操作所需的击键没有区别。

如果您专注于表单中的文本字段,则按Enter键通常会提交表单。

要防止Enter键在文本字段上提交表单,您可以使用事件处理程序取消该击键,例如:

(function() {
    var textField = document.getElementById('textFieldId');

    if(textField) {
        textField.addEventListener('keydown', function(mozEvent) {
            var event = window.event || mozEvent;
            if(event.keyCode === 13) {
                event.preventDefault();
            }
        });
    }
})();

答案 2 :(得分:0)

如果扫描仪正在送入文本框,请在隐藏提交按钮的情况下启动表单。只有文本框有数据输入后才能看到它。这可以通过javascript ..

完成