填写完所有字段后自动提交表单

Question

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

部件条形码：

商品条形码：

串行条形码：

步骤：

1. 扫描零件条形码文本字段中的零件条形码
2. 扫描商品条形码文本字段中的商品条形码
3. 扫描序列条形码文本字段中的连续条形码，扫描后将提交automatically.

代码如下：

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();
    }
}