محدود کردن یک فیلد متنی به نوشتن اعداد

در این مطلب با یک کد جاوا اسکریپت ساده می خواهیم یک فیلد متنی ایجاد کنیم که کاربر تنها مجاز به قید اعداد در آن باشد برای اینکار ابتدا کد زیر را در بخش کدهای جاوا اسکریپت وبلاگ یا در بخش head کدهای html قالب وارد می نماییم


function validate(evt)
 {
    var theEvent = evt || window.event;
    var key = theEvent.keyCode || theEvent.which;
    key = String.fromCharCode( key );
    var regex = /[0-9]|/;
    if( !regex.test(key) )
    {
    theEvent.returnValue = false;
    if(theEvent.preventDefault) theEvent.preventDefault();
   } }

حالا یک فیلد متنی ایجاد می کنیم
و به فانکشن کد جاوا اسکریپت نسبتش می دیم به این صورت

نمونه:

در این فیلد فقط اعداد ۱ تا سه رقمی را می توان نوشت

نکته: برای محدود کردن تعداد کاراکتر از کد maxlength=”3″  استفاده می شود

<input id="demo" onkeypress="validate(event)" type="text" name="demo" />


یک پاسخ برای “کار با فیلدهای متنی (۱)”

موبایلتو شارژ کن