برنامه نویس وب


جمعه 30 شهریور
MVC

محدود کردن مینیمم و ماکزیمم input number با جاوا اسکریپت

دوشنبه, 27 آذر 1396

همون طوری که می دونید در html برای input number می تونیم min  و max بذاریم اما متاسفانه مشکلاتی داره مثلا کاربر از طریق کیبورد می تونه هر عددی وارد کنه من در ادامه یه کد جاوااسکریپتی می ذارم که کارش اینه مشکل تمامی input number ها رو درست می کنه و کاربر هر کاری هم کنه نمی تونه عددی بیشتر از max یا کمتر از min وارد کنه.

    $('input[type=number]').keyup(function (e) {
        var max = parseFloat($(this).attr('max'));
        var min = parseFloat($(this).attr('min'));
        if ($(this).val() > max) {
            $(this).val(max);
        }
        else if ($(this).val() < min) {
            $(this).val(min);
        }
    });

فقط کافیه در تگ input number مقدار min و max ست بشه و دیگه خیالتون راحت باشه wink



نظرات

Drag to order
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
نظر تایید شده ای برای این مطلب وجود ندارد .