کار با فیلدهای متنی (1)

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

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

 <SCRIPT language=Javascript> 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(); } } </SCRIPT>

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

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

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

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