Javascript ile Sadece Sayı, Rakam Girilen Input Yapmak

3/5

2 yorum

Hakan Taşan tarih

06 Ağustos 2015

Bu yazıda Javascript ile sadece sayısal değerlerin girilebileceği bir input alanı oluşturmayı öğreneceğiz. Input alanına sadece rakam girilebilecek, rakam dışındaki karakter yazımlarına izin verilmeyecek. Aynı örneği jQuery ile yapmak istiyorsanız bu yazıyı okuyabilirsiniz.

Oluşturulan Form Görüntüsü

Javascript Kodu

function sayiKontrol(event)
{
    if(event.keyCode != 8 && event.keyCode != 0 && (event.keyCode < 48 || event.keyCode > 57))
        return false;

    var frm = document.getElementById("sayisal_form");
    frm.setAttribute("onsubmit", true);
    return true;
}

HTML Kodu

<div id="uyelik_formu">
    <form name="form" id="sayisal_form" action="#" method="post" onsubmit="return false;">
        <label>Sayısal Alan:</label>
        <input type="text" id="sayisal" name="sayisal" onkeypress="return sayiKontrol(event)">
        <br><br>
        <input type="submit" value="Kaydet">
    </form>
</div>