وارد کردن فقط عدد در input توسط jquery
دوشنبه 29 تیر 1394در این مقاله تصمیم داریم ورودی هایی توسط jquery ایجاد کنیم که امکان وارد کردن فقط عدد را دارا باشند .
در صفحه یک input قرار میدهیم که integer کلاس را دارد.
<input type="text" class="integer" />
سپس توسط کد زیر ورودی ها را محدود میکنیم
$(document).ready(function () { $("input.integer").keydown(function (e) { if (e.ctrlKey) { // CTRL + INS if (!((e.keyCode == 45) || // CTRL + C (e.keyCode == 67) || // CTRL + V (e.keyCode == 86))) { e.preventDefault(); } } else { if (e.shiftKey) { // SHIFT + TAB if (!((e.keyCode == 9) || // SHIFT + LEFT ARROW KEY (e.keyCode == 37) || // SHIFT + RIGHT ARROW KEY (e.keyCode == 39) || // SHIFT + INS (e.keyCode == 45))) { e.preventDefault(); } } else { // BACKSPACE if (!((e.keyCode == 8) || // TAB (e.keyCode == 9) || // LEFT ARROW KEY (e.keyCode == 37) || // RIGHT ARROW KEY (e.keyCode == 39) || // DELETE (e.keyCode == 46) || // NUMBER KEYS ((e.keyCode >= 48) && (e.keyCode <= 57)) || // NUMLOCK KEYS ((e.keyCode >= 96) && (e.keyCode <= 105)))) { e.preventDefault(); } } } }); });
- Jquery
- 5k بازدید
- 2 تشکر