如何在Html.TextBoxFor（或Html.TextBox）中自動選項卡（光標）？

Question

我是ASP.NET MVC 4新手，我有任何問題

我有5個文本框關注此圖片（鏈接）。

http://i.stack.imgur.com/hMjJp.png

在我設置最大長度爲它的每一個文本框。下面這張圖片（鏈接）

http://i.stack.imgur.com/rSi4U.png

Example : textbox1 -> maxlength = 1 
      textbox2 -> maxlength = 4 
      textbox3 -> maxlength = 5 

我想自動選項卡時，我將數據插入到每個文本框。

Example : when I insert "1" to textbox1(maxlength=1) cursor will go to textbox2 AUTO 

，然後我想設置數據，所有的文本框

示例：字符串值= TextBox1的+ TextBox2中+ ... + textbox5

 value = 1222233333... 

請接受我真誠的道歉提前任何可能發生的錯誤。

非常感謝。

Answer 1

喜歡的東西下面應該工作，

標記

<div class="tax"> 
    <input type="text" maxlength="1" /> 
    <input type="text" maxlength="4" /> 
    <input type="text" maxlength="5" /> 
    <input type="text" maxlength="2" /> 
    <input type="text" maxlength="1" /> 
</div> 

腳本

$(function() { 
    $('.tax input[type="text"]').keypress(function (e) { 
     if (e.which == 0 || e.charCode == 0) { 
      return true; 
     } 
     var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); 
     str = $(this).val() + str; 

     if (str.length == $(this).prop('maxlength')) { 
      var that = this; 
      window.setTimeout(function(){ 
       $(that).next('input[type="text"]').focus(); 
      }, 0); 
     } 
    }); 
}); 

小提琴：http://jsfiddle.net/tkasD/5/

希望這會有所幫助。