JQuery’de Sadece Rakam Girilmesini Sağlamak
JQuery’de Sadece Rakam Girilmesini Sağlamak
Herkese merhaba,
Bu yazıda input alanına sadece rakam girilmesini sağlamak hakkında bilgi vereceğim.
Aşağıdaki kod yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz.
HTML Kodları
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=">
<title></title>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
Rakam : <input type="text" name="miktar" id="miktar" />
<span id="hatamesaji"></span>
</body>
</html>CSS Kodları
#hatamesaji
{
color: red;
}JQUERY Kodları
$(document).ready(function () {
$("#miktar").keypress(function (e) {
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
$("#hatamesaji").html("Rakam Girin!").show().fadeOut("slow");
return false;
}
});
});[codepen_embed height=300 theme_id=1 slug_hash=’dyMNPxq’ user=’yavuzselimkart’ default_tab=’html’ animations=’run’][/codepen_embed]
Herkese çalışma hayatında ve yaşamında başarılar kolaylıklar.
