Laydo.net Webmaster Blog

Sanal pos ekranlarında ve kredi kartı bilgileri aldıgımız ekranlarda en çok işimize yarıcak bilgi olan kredi kartı numarasının dogru birşekilde ve kulanıcının anlayacıgı formata yazmasını saglayabılecegı bir input box. Kredi kartı numarasına göre visa/ mastercard oldugunu tespit edebiliyor. Rakam dısında herhangi bir varsyasyonda girmek mumkun degıl. Kod ve ornek uygulama ektedir.

Ornek

www.laydo.net/project/creditcardinput

KOD

<pre language=”HTML”>
<script language=”javascript”>
function formatcardno(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;
}
pv = “”;
for ( i = 0; i <= o.value.length; i++ )
if ( o.value.substr(i,1) != “-” )
pv += o.value.substr(i,1);
fv = “”;
for ( i = 0; i <= pv.length; i++ )
if ( i>0 && i != pv.length && i % 4 == 0 )
fv += “-” + pv.substr(i,1);
else
fv += pv.substr(i,1);
o.value = fv;

if((o.value[0]) == 4)
document.getElementById(“cctype”).value = 1;
if((o.value[0]) == 5)
document.getElementById(“cctype”).value = 2;
}
</script>
<form>

<input onkeydown=”return formatcardno(-1,event);” onkeyup=”formatcardno(this,event);” maxlength=”19″ class=”textHosting” name=”cc”/>
<select name=”cctype” disabled=”disabled” id=”cctype”>
<option  value=”1″>VISA</option>
<option value=”2″>MasterCard</option>
</select>
</form>
</pre>