You are here: خانه

numeric html field

يگ مقداري اصلاح شد
يادمه چند وقت پيش يكي از بچه ها خيلي دنبال اين بود كه براي فرمش به جاي استفاده از پيغام و پسغام كه آقا شما بايد يك عدد تايپ كنيد بياد و اصلا نزاره عدد تايپ كنه .
به نظر من هم خيلي خوبه .
چندين بار شده مشتري زنگ زده ميگه آقا اين برنامه شما كار نميكنه !
وقتي مي پرسي چرا ميگه آقا هر چي دكمه ثبت رو ميزنم خطا ميده . بله درست حدس زدين . جمله لطفا يك عدد درج كنيد براي آقا هيچ مفهوم خاصي نداره .
خوب چه بهتر كه اصلا اجازه نديم كاربر اشتباه تايپ كنه تا بعد از پر كردن يك فرم با 30 تا فيلد بهش اخطار و پيغام بديم .
من اون زمان يك نمونه داشتم كه خيلي پيچيده و سنگين بود و درواقع تكه اي از يك مجموعه بود . اما به نظرم رسيد كه بايد بوسيله Regular Expressions در جاوا اسكريپت بشه يه كاري كرد تا اينكه يه نمونه خيلي خوب هم بدستم رسيد كه باعث شد بررسي خودم كامل تر بشه .

من فقط الان قصد ارائه يك فيلد عددي رو دارم كه بتونيد ازش استفاده كنيد و اگه ميخواهيد Regular Expressions رو كامل ياد بگيريد به اين منابع يه سري بزنيد :

Working with Regular Expressions

RegExp

كد زير يك فيلد با قبول مقدار عددي ايجاد ميكنه :

 
<script language="javascript">
 
var r=/[^d]/g
 
function valid(o,w){
  o.value = o.value.replace(r,'');
}
</script>
 
<form id="myform" method="" onsubmit="return false;">
  <input type="text" size="35" name="txtPostal" onkeyup="valid(this)" onblur="valid(this,'notnumbers')">
</form>

به نظر ميرسه كه خيلي خوب كار ميكنه و با حداقل كد مورد نياز بدست اومده . كمتر از يك خط !
بر خلاف نمونه هاي قبلي دكمه back apace هم به خوبي كار ميكنه و ويرايش و انتخاب اعداد هم امكان پذير هست .
در صورتي كه فايل ايجاد شده را در مرورگر خود ببينيد خواهيد ديد كه پس از تايپ يك كليد مقدار در فيلد درج ميشه و سپس براي فهميدن اينكه آيا يك مقدار عددي هست يا خير كنترل ميشه .
در صورتي كه دوست داريد اصلا تايپ هم نشه نمونه زير رو ببينيد كه البته يه خورده پيچيده تره :

http://www.htmlcodetutorial.com/forms/index_famsupp_158.html