Öneri ve Hata Raporu



Günün Sözü Her an seni düşünür

oylama 3.1/5 yorum 0 yorum yazar 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. Bunun için Regular Expression’lardan yararlanacağız. Oluşturacağımız form görüntüsünde input alanı sayısal değer olmadığında uyarı yazısı verecek. 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");
    orm.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>
    <br>
    <div class="uyari"></div>  
</div>

 

onizleme

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış