自動將光標從一個文本框移動到另一個

我正在製作驗證密碼並顯示一些值的Web應用程序，其中有四個密鑰用於輸入文件驗證它，我輸入密碼就像輸入信用卡號在支付網關中。在我目前的應用程序中，我輸入了一個密碼，然後按Tab或使用鼠標我必須選擇下一個文本框輸入下一個密碼，如何使鼠標光標自動從一個文本框跳轉到另一個文本框，在其最大值填充像支付網關自動將光標從一個文本框移動到另一個

來源

2013-07-08 Rajesh

請添加javascript作爲標記。因爲這主要是在JavaScript中完成的，所以迴避是可以避免的。 – Narendra

@ Narendra Can U建議一個鏈接，我可以找到這種事件的Javascript – Rajesh

有足夠的答案添加，你可以參考他們。這些包含javascrupt事件。你可以檢查jQuery，這是更容易。 http://api.jquery.com/keypress/ – Narendra

你可以做純JavaScript這樣的：

<script type="text/javascript"> 
function ValidatePassKey(tb) { 
    if (tb.TextLength >= 4) 
    document.getElementById(tb.id + 1).focus(); 
    } 
} 
</script> 

<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4"> 
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4"> 
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4"> 
<input id="4" type="text" maxlength="4">

來源

2013-07-08 09:00:50 rajeemcariazo

@ Rajeem如果我有兩個文本框它將工作我有四個我該怎麼做我已經寫了獨立的JS？ – Rajesh

更改我的代碼以滿足您的要求 – rajeemcariazo

謝謝它工作.... – Rajesh

您可以在調用方法的文本框上使用JavaScript的Onchange事件（或JQuery可能），其中您可以檢查文本框的值，如果它等於最大值，則setFocus在下一個文本框。

來源

2013-07-08 08:55:10 sohaiby

@ sohaiby可以建議一個鏈接，我可以找到這種事件的Javascript – Rajesh

@Rajesh在您的文本框中設置一個onChanged事件，它調用一個Javascript方法。在這個鏈接作品 http://www.w3schools.com/jsref/event_onchange.asp – sohaiby

在下一個TextBox上使用TextBox.Focus（）方法。使用第一個TextBox的TextBox.TextChanged事件來測試是否應該更改焦點並在下一個TextBox上調用Focus方法。

來源

2013-07-08 08:55:25 Pharap

在我現在的應用程序，我必須輸入一個口令，然後必須按Tab鍵或使用鼠標我不得不選擇下一個文本框輸入下一個口令

不要那樣做。只需使用Control.Focus()方法。

當在HTML中，你可以使用jQuery的focus()：

$("#textbox").focus();

來源

2013-07-08 08:55:44 CodeCaster

我不知道我同意「不這樣做」。自動跳躍行爲可能很煩人，並不適用於所有情況。用戶知道如何在準備好時切換到另一個文本框，而不必自動。 –

@CodyGray我使用SendKeys和鼠標移動代碼將該句子解釋爲OP，以更改Windows應用程序中的焦點。例如，當輸入許可證密鑰或信用卡信息（即固定格式）時，自動焦點移動_can_是有用的。 – CodeCaster

Ooohhh，在那種情況下，是的，完全同意。這是一個可怕的想法。 :-) –

您可以創建一個指令還獲得位置移動

<a href="https://plnkr.co/edit/G6sFMM9vaR6nQfVaMI2E?p=preview">directive 1</a> 

<a href="https://plnkr.co/edit/G32KUITspNp1qsq6gleI?p=preview">directive 2</a>

來源

2016-10-12 09:09:09 sibaspage

自動將光標從一個文本框移動到另一個

回答

相關問題