0

実際にバーコードスキャナーを使用してフィールドを入力しました。3 つのフィールドがある場合の例です。

パーツバーコード :
アイテムバーコード :
シリアルバーコード :

ステップ :
1. パーツ バーコード テキスト フィールドでパーツ バーコードのバーコードを
スキャンします。 2. アイテム バーコード テキスト フィールドでアイテム バーコードのバーコードを
スキャンします。 3. シリアル バーコード テキスト フィールドでシリアル バーコードのバーコードをスキャンします。スキャン後、自動的に送信されます。

コードは次のとおりです。

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"/>

問題は、すべてのフィールドが入力されている場合に自動送信する方法です。

ありがとうございました。

4

2 に答える 2

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');
});
于 2013-04-26T02:25:47.200 に答える
0

あなたは私たちにあなたのフォームの名前を与えていないので、私のコードではそれが属性を持っていると仮定しています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();
    }
}
于 2013-04-26T02:39:29.860 に答える