در برخی از موارد برای هر برنامه نویسی پیش می آید که درون فرم هایش نیاز به کنترل داده های ورودی داشته باشد تا جلوی خطاهای احتمالی و شیطنت های کاربران را بگیرد!
فیلدهای عددی یکی از پر کاربرد ترین فیلدها در فرم سایت های می باشند، تقریبا محال است که سایتی فاقد چندین فرم جهت دریافت اطلاعات از کاربران باشد و چنین فیلدهایی درون فرم هایش وجود نداشته باشد.
یکی از معضلات برنامه نویسان، محدود کردن کاربران و مبارزه با شیطنت های آنهاست ، بطوری که کاربر نتواند به جای شماره شناسنامه خود نام پدرش و یا یک عبارت دیگر را بنویسد.
شاید راحتی خیال از اینکه کاربر نتواند به جز آنچه ما می خواهیم عمل کند ، یکی از آرزوهای هر برنامه نویس و طراح وب است، تجربه نشان داده است که اکثر کاربران حوصله ای برای پر کردن فرم ها ندارند و می کوشند به طرق مختلف فرم ها را دور بزنند

برای حصول این هدف 2 روش وجود دارد:
  1. جلوگیری از ورود اطلاعات غیر مجاز در زمان تایپ
  2. اعتبار سنجی اطلاعات فرم در زمان کلیک بر روی دکمه 'ثبت'
روش اول: جلوگیری از ورود اطلاعات غیر مجاز در زمان تایپ
در این روش تکست باکس هایی می سازیم که کاربر نتواند داده غیر مجازی را در آن بنویسد.

بعنوان مثال امروز به همراه هم و با کمک جاوا اسکریپت یک تکست باکس عددی می سازیم.

برای این کار ابتدا تابع جاوا اسکریپت زیر را درون صفحه می نویسیم:


حال کافی است تابع بالا رو در رویداد onKeyPress تکست باکس هاتون قرار بدین در کد hrml مان:


بدین ترتیب شما تکست باکسی ساخته اید که کاربر فقط می تونه توش عدد بنویسه...
تا آموزشی دگر بدرود.

نوشته شده در تاریخ یکشنبه 24 فروردین 1393    | توسط: ح.م    | طبقه بندی: آموزش کم کم جاوا اسکریپت،     | نظرات()