azami.cu@gmail.com | +98912 373 8239

محدود کردن یک input به اعداد

از مجموعه تکنیک های جاوا اسکریپت - برای حرفه ای شدن
 allow only numeric, input box number allow jQuery, number input jQuery, number jQuery, prevent alphabetic input, input mask number, محدود کردن input, jquey آموزش jquey مثال
به همت مهندس اعظمی در 1392/10/07

سلامی دوباره خدمت شما دوستان عزیز

امروز میخوایم طریقه mask کردن یک input رو باهم بررسی بکنیم و ما این کار رو به دو روش انجام میدیم اول برای ورود فقط عدد و دوم عدد همراه با نقطه.
خیلی ساده هست فقط به شرط اینکه یکم توجه بکنید!

ابتدا باید دوتا input در صفحه درست کرده تا بتونیم از کارمون تست بگیریم


                                  
                                    

حالا میریم سراغ کدهای jQuey

فقط ما توابع رو توی ready میزاریم تا بعد از لود صفحه به input هامون bind بشن تا از درست کار کردن اونها اطمینان داشته باشیم
و شما باید اینرو بدونید که event.keyCode کد کلید فشرده شده رو برمیگردونه

                                  
$(document).ready(function() {
     $(".just_number").bind("keydown", function(event) {
    //محدود کردن به ورود فقط عدد               
        if (event.keyCode == 46 || event.keyCode == 8) {
        // اجازه دادن به
        //Delete, Backspace
        } else {
        // اجازه دادن به اعداد بین 0 تا 9
        //کد اعداد بین 48 الی 57 برای اعداد بالای صفحه کلید
        //کد اعداد بین  96 الی  105 برای اعداد سمت راست صفحه کلید
            if (event.keyCode < 95) {                            
                if (event.keyCode < 48 || event.keyCode > 57) {
                    event.preventDefault();
                }
            } else {                            
                if (event.keyCode < 96 || event.keyCode > 105) {
                    event.preventDefault();
                }
            }
        }
    });    
    //محدود کردن به ورود فقط عدد همراه با نقطه
     $(".just_number_with_dot").bind("keydown", function(event) {                               
        if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 190) {
        // اجازه دادن به
        //Delete, Backspace, Dot
        } else {
            if (event.keyCode < 95) {                            
                if (event.keyCode < 48 || event.keyCode > 57) {
                    event.preventDefault();
                }
            } else {                            
                if (event.keyCode < 96 || event.keyCode > 105) {
                    event.preventDefault();
                }
            }
        }
    });
});



اینم از پیشنمایش:

با تشکر از توجه شما -با عضویت در sarat از آخرین آموزش ها و مطالب با خبر شوید.



Tags: , , , , , , ,




Tags:   allow only numeric, input box number allow jQuery, number input jQuery, number jQuery, prevent alphabetic input, input mask number, محدود کردن input, jquey آموزش jquey مثال