Laydo.net Webmaster Blog

kredi Kartı  numarası için 4 lu input sadece sayı girebiliyor ve auto focus yapıyor

<pre language=”HTML”>

<script language=”javascript”>

function checkKEY(o,e)
{
if ( window.event )
keyCode = e.keyCode;
else
keyCode = e.which;
if ( o == -1 ) // coming onkeydown event
{
if (
( keyCode > 47 && keyCode < 58 ) // top numeric keys
|| ( keyCode > 95 && keyCode < 106 ) // right numeric keys
|| keyCode == 8 // backspace
|| keyCode == 37 // left arrow
|| keyCode == 39 // right arrow
|| keyCode == 9 // tab
|| keyCode == 46 // delete
)
return true;
else
return false;
}
if((o.value.length) == 4)
{
if(o.id ==  “cc_nr4″)
{

}
if(o.id ==  “cc_nr3″)
{
document.getElementById(“cc_nr4″).focus();

}
if(o.id ==  “cc_nr2″)
{
document.getElementById(“cc_nr3″).focus();
}
if(o.id ==  “cc_nr1″)
{
document.getElementById(“cc_nr2″).focus();
}
}

}

</script>

<form>
<input type=”text” ondrop=”return false;” size=”4″ onkeydown=”return checkKEY(-1,event);”  onkeypress=”yenigecis(cc_nr1,cc_nr2)” onkeyup=”checkKEY(this,event);”   maxlength=”4″ name=”cc_nr1″ id=”cc_nr1″/>
<input type=”text” ondrop=”return false;” size=”4″ onkeydown=”return checkKEY(-1,event);” onkeyup=”checkKEY(this,event);”  maxlength=”4″ name=”cc_nr2″ id=”cc_nr2″ />
<input type=”text” ondrop=”return false;” size=”4″ onkeydown=”return checkKEY(-1,event);” onkeyup=”checkKEY(this,event);”  maxlength=”4″ name=”cc_nr3″ id=”cc_nr3″/>
<input type=”text” ondrop=”return false;” size=”4″ onkeydown=”return checkKEY(-1,event);” onkeyup=”checkKEY(this,event);”  maxlength=”4″ name=”cc_nr4″ id=”cc_nr4″/>
</form>

</pre>