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="https://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>
