Javascript

Jquery ile sadece rakam veya harf (karakter) kısıtlaması

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>

İlgili Makaleler

4 Yorum

  1. 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.

Bir cevap yazın

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

Başa dön tuşu