javascript - 完成所有字段后自动提交表格

Question

实际上我使用条形码扫描仪输入字段。例如，如果我有 3 个字段，那就是：

零件条码：
项目条码：
序列条码：

步骤：
1.在Part Barcode文本字段中扫描条形码以获取零件条形码
2.在Item Barcode文本字段中扫描条形码以获取商品条形码
3.在Serial Barcode文本字段中扫描条形码以获取序列条形码，扫描后将自动提交。

这是代码：

Part Barcode <input type="text" name="part_barcode"/>
Item Barcode <input type="text" name="item_barcode"/>
Serial Barcode <input type="text" name="serial_barcode"/>

<input type="submit" value="Submit"/>

所以问题是，如果所有字段都已填写，如何进行自动提交？

谢谢你。

Answer 1

function DoValidate(){
// check your validate here, 
//if all field pass: return true, if not : return false;

//ex: return $('input[name="part_barcode"]).val().length>10;
}

$('input[name="part_barcode"],input[name="item_barcode"],input[name="serial_barcode"]').keypress(function(){
    if(DoValidate()) $('#yourForm').submit();
   //or: $('input[type="submit"]').trigger('click');
});

Answer 2

您还没有给我们表单的名称，所以我在我的代码中假设它具有属性id="formID"。在jsfiddle演示。

HTML：

<label for="part_barcode">Part Barcode</label>
<input type="text" id="part_barcode" class="barcode" name="part_barcode"/>
<label for="item_barcode">Item Barcode</label>
<input type="text" id="item_barcode" class="barcode" name="item_barcode"/>
<label for="serial_barcode">Serial Barcode</label>
<input type="text" id="serial_barcode" class="barcode" name="serial_barcode"/>
<input type="submit" id="submitButton" value="Submit"/>

JavaScript：

var inputs = document.getElementsByClassName('barcode');
for(var i = 0; i < inputs.length; i++)
{
    inputs[i].onblur = function()
    {
        var empty = false;

        for(var j = 0; j < inputs.length; j++)
        {
            if(inputs[j].value == '')
            {
                empty = true;
                break;
            }                
        }

        if(!empty)
            document.getElementById("submitButton").submit();
    }
}