Cumartesi , Aralık 21 2024
Anasayfa / Notlar / Javascript ile Sadece Sayı, Rakam Girilen Input Yapmak

Javascript ile Sadece Sayı, Rakam Girilen Input Yapmak

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.

 

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>

 

 

About webbocugu

Check Also

HTML5 ile Sadece Sayı, Rakam Girilen Input Yapmak

HTML5’in getirdiği yenilikleri kullanarak sadece sayısal değerlerin girildiği bir input alanı oluşturacağız. Input alanına sadece …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir