اعتبارسنجی عددی در Textbox با استفاده از jQuery
چهارشنبه 29 مهر 1394در این مقاله قصد داریم نشان دهیم چگونه می توان با استفاده از jQuery در یک textbox برای ورودی ها اعتبارسنجی قرار دارد که فقط ورودی های عددی را در یک محدوده قبول کند . و ورود اطلاعات به صورت Paste کردن غیر فعال باشد.
در این مقاله قصد داریم نشان دهیم چگونه می توان با استفاده از jQuery در یک textbox برای ورودی ها اعتبارسنجی قرار دارد که فقط ورودی های عددی را در یک محدوده قبول کند . و ورود اطلاعات به صورت Paste کردن غیر فعال باشد.
برای مثال یک پروژه ساخته و یک web form به آن اضافه میکنیم .
در این صفحه یک textbox نیاز است. که کلاس آن numeric میباشد.
کدهای زیر را در قسمت Source صفحه قرار داده و آن را اجرا کنید.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
font-size: 9pt;
font-family: Arial;
}
</style>
</head>
<body>
Numeric Value: <input type="text" id="text1" class = "numeric" />
<span class="error" style="color: Red; display: none">* Input digits (0 - 9)</span>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
var specialKeys = new Array();
specialKeys.push(8); //Backspace
$(function () {
$(".numeric").bind("keypress", function (e) {
var keyCode = e.which ? e.which : e.keyCode
var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
$(".error").css("display", ret ? "none" : "inline");
return ret;
});
$(".numeric").bind("paste", function (e) {
return false;
});
$(".numeric").bind("drop", function (e) {
return false;
});
});
</script>
</body>
</html>
پس از اجرای آن صفحه زیر مشاهده می شود.
- Jquery
- 2k بازدید
- 0 تشکر