Jquery İle Sadece Sayı Veya Harflere İzin Verme
Bu yazımızda Jquery ile inputa girilen değerlerin rakam yada karakter girişine izin vermeyi paylaşacağım.
Jquery ile sadece karakter/harf girişi yani “Rakam/Sayı Engellemek” için
$(".harfInput").keyup(function (){
if (this.value.match(/[^a-zA-Z]/g)){
this.value = this.value.replace(/[^a-zA-Z]/g,'');
}
});
Jquery ile sadece rakam/sayı girişi yani “Karakter/Harf Engellemek” için
$(".sayisalinput").keyup(function (){
if (this.value.match(/[^0-9]/g)){
this.value = this.value.replace(/[^0-9]/g,'');
}
});
Bu Javascript kodlarını kullanabilirsiniz. Daha detaylı inceleyebilmeniz için “Canlı demo” ve aşağıda tüm “Kaynak kodları” paylaşılmıştır.
Canlı Demo
Kaynak Kodlar
Aşağıdaki kaynak kodlar “html + css + js” ile birlikte verilmiştir. Tümünü kopyalayıp “.html” şeklinde kayıt ettiğinizde hemen çalıştırabilirsiniz.
<html>
<head>
<title>Js ile Sadece Rakam Yada Harf İzni Verme</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<style>
.divim {
width: 600px;
height: 100px;
padding: 20px;
background-color: aqua;
position: relative;
margin: auto;
}
</style>
</head>
<body>
<div class="divim">
<label>Sadece Rakam Girişi:</label>
<input type="textbox" class="sayisalinput" placeholder="Sadece Rakam Alanı">
<br><br>
<label>Sadece Harf Girişi: </label>
<input type="textbox" class="harfInput" placeholder="Sadece Harf Alanı"><br><br>
Daha İyileri <a href="http://furkandemirci.com">Burada</a>
</div>
<script type="text/javascript">
$(".sayisalinput").keyup(function (){
if (this.value.match(/[^0-9]/g)){
this.value = this.value.replace(/[^0-9]/g,'');
}
});
$(".harfInput").keyup(function (){
if (this.value.match(/[^a-zA-Z]/g)){
this.value = this.value.replace(/[^a-zA-Z]/g,'');
}
});
</script>
</body>
</html>
Daha Fazlasını Görüntüleyin!
YNAP güçlü 2015 büyümesi sonrası daha yavaş satış büyümesi bekliyor
Mümkün Olanın Geleceği
Css ile üzerine gelince büyütme (2020 Güncel)
Javascript Slider Örneği – Jquery Slider Yapımı
Her şey söyledikten ve yapıldıktan sonra, yapılandan daha fazlası söylenir
CSS3 Temel Kod Yapısı Nedir Ve Nasıl Kullanılır?
Teşekkürler
Elınee sagljkk
Tek bir input da geçerli olmakta. İD değerini birçok input için kullanmaya çalışıldığında atıyorum örnek olarak
input id=harf (çalışıyor)
input id=harf (çalışmıyor.
ID Kullanarak birden fazla inputta aynı işlevi görmesini mi istiyorsunuz?
Merhaba,
Sadece Harf Girişi: Türkçe karakterleri de engelliyor. Ö,Ç,Ş,Ğ, karakterleri de engelliyor.