2009-04-23 37 views
2

我目前有4個文本框將被用來存儲一個IP地址。 我需要幫助的是允許用戶輸入「。」的功能。並使文本框從當前文本框更改爲下一個文本框。Jquery函數跳到一個文本框上的按鍵

在此先感謝

+1

我建議不要使用單獨的文本框 - 您將無法複製和粘貼地址。這可能會讓人討厭... – Rashack 2009-04-23 20:38:21

回答

5

假設你的文本框被命名爲IP0,IP1,IP2,IP3:

$(document).ready(function() { 
    $('#ip0,#ip1,#ip2').keydown(function(event) { 
     var key = event.charCode || event.keyCode || 0; 
     if (key == 190) { 
      event.preventDefault(); 
      var i = Number(this.id.replace(/ip/,'')) +1; 
      $('#ip'+i).focus(); 
     } 
    }); 
}); 
+0

謝謝tvanfosson! 這正是我所期待的。 – AlteredConcept 2009-04-23 20:59:06

1
textbox.onChange = function(){ 
    if(textbox.value[textbox.value.length-1] =='.'){ 
    textbox.value = textbox.value.substring(0,textbox.value.length-2); 
    nextTextbox.focus(); 
    } 
} 

我沒有測試這一點,但我想在這個總體思路的東西。

0

難道你不能捕捉到框上的onKeyPress事件,如果char匹配「。」專注於下一個盒子?例如:

var dotCode = ".".charCodeAt(0); 
$("box0").bind("keypress", function(e){ 
    if(e.keyCode === dotCode){ $("box1").focus(); } 
}); 

// etc... 
1

我寧願用一個 「面具」 -plugin,像這樣的:http://digitalbush.com/projects/masked-input-plugin/
那倒給你機會給它一個很好的外觀,並讓你的訪問者複製一個IP並粘貼它。

+0

+1我從來沒有計算出誰應該被大多數進入IP地址的過度複雜方法所幫助。 – 2009-04-23 20:59:38

相關問題