Input veri dolunca yanındaki inputa geçme Yardım

Merhaba arkadaşlar,

Herkese iyi akşamlar.


Örnek kod

<input name="test" maxlength="7"><input name="test2" maxlength="7"><input name="test3" maxlength="7"><input name="test4" maxlength="7">

Bu şekilde yan yana 4 tane input'umuz var. Mouse ile en baştaki kutucuğa tıklayıp veri girişi yaptığımda, otomatik olarak yanında ki kutucuğa verinin devamının geçişini yapmak istiyorum maxlength 7 belirledim 1234123412341234 diye girdiğimde örnek mouse ile tıklamadan yndaki kutucuğa imleç otomatik geçecek ve veri girişine devam edilecek.

onKeyup ile gerçekleştiriyorduk tam şuan çözemedim.

Yardımınız için şimdiden teşekkür ederim.

Güncel.
Yokmu yardımcı olabilecek?

Kullanım amacını bilmiyorum ama senin koduna göre javascript kodun.

	<script type="text/javascript">
	$(document).ready(function(){
		$("input[name=test]").keypress(function(){
			var e = $(this).val().length;
			if(e >= 6){
				$("input[name=test2]").focus();
			}
		});
		$("input[name=test2]").keypress(function(){
			var e = $(this).val().length;
			if(e >= 6){
				$("input[name=test3]").focus();
			}
		});
		$("input[name=test3]").keypress(function(){
			var e = $(this).val().length;
			if(e >= 6){
				$("input[name=test4]").focus();
			}
		});
	});
	</script>

Daha basit ve mantıklısı şu.

	<script type="text/javascript">
	$(document).ready(function(){
		$("input").keypress(function(){
			var e = $(this).val().length;
			if(e >= 6){
				$(this).next("input").focus();
			}
		});
	});
	</script>

Basitçe. Karaktere göre backspace vs silme başa dönme gibi işlemler geliştirmek elinde. keyup keydown keypress next prev incelemeni tavsiye ederim.

Teşekkürler skipful fakat,

2 Kod'da calismadi hocam. Nerede eksik test edebilirsiniz sizde. 7 karakter yazdığımda yan inputa geçmiyor.

http://www.jqueryscript.net/demo/jQu...gin-Credit-js/

border divde içeride inputlar var sanırım bahsettiğin bu