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


دوشنبه 16 تیر
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

glgalaxyglgalaxy

جواب نداد که !!


ادمین : کدش خیلی ساده ست اگه مشکل یا خطایی دارید خطا برام بفرستید تا بررسیش کنم با تشکر