忽略「輸入」鍵並在文本輸入中的5個字符後移動焦點

我的客戶需要掃描包含發票號碼（5位數字）和'enter'擊鍵的條形碼。忽略「輸入」鍵並在文本輸入中的5個字符後移動焦點

我需要輸入框忽略「輸入」鍵並將焦點移動到5個字符後的下一個輸入框。

如果你可以包含一些示例代碼，我將不勝感激。謝謝！

2012-05-18 TimSum

#sendmethecodez – Jordan

$('input[type=text]').on('keyup', function(e) { 
    if (e.which != 27 || e.which != 8) { // check for backspace and delete 
     if (e.which != 13) { // ignoring enter 
      if (!this.value.replace(/\s/g, '').match(/\d/g)) { // checking for digit 
       alert('Insert Digit'); 
       $(this).val(''); // make the field empty 
      } else { 
       if (this.value.length > 4) { 
        $(this).next().focus(); // automatically change current input of length 5 digits 
       } 
      } 
     } 

    } 
});

DEMO

來源

2012-05-18 18:31:18 thecodeparadox

這很好。我已經想出了一個基於這個[文章]的解決方案。然而這個解決方案更全面和有用。 [第]：HTTP：//stackoverflow.com/questions/4683973/move-focus-from-one-control-to-another-control-just-pressing-enter-key-by-jquery – TimSum

使用文本框的onkeypress或onkeyup並添加代碼if（event.keyCode == 13）返回false; （13是回車鍵），並且將焦點設置到下一個控件

比如你有2個文本框（TxtBox1和TxtBox2）

<input id="TxtBox1" type="submit" onkeypress="if(event.keyCode==13)return false;document.getElementById('TxtBox2').focus(); " name="Submit" value="Send" />

來源

2012-05-18 18:30:13 Bachask8

一些JQuery的：

$('#test').keydown(function(e) { 
if (e.which == 13) { 
    if ($(this).val().length == 5) { 
     e.preventDefault(); 
     $('#test2').focus(); 
    } 
} 
});

假設「測試」和 '測試2' 是2個文本框的id

來源

2012-05-18 18:30:26 Nate

而不是忽略回車鍵，用它作爲提示移動事物。沿線的東西：

$("#myTextbox").keydown(function(event){ 
    if(event.keyCode == 13){ 
    // validate input and move on to the next textbox 
    } 
});

來源

2012-05-18 18:32:58 dda

忽略「輸入」鍵並在文本輸入中的5個字符後移動焦點

回答

相關問題