تبلیغات
مقالات آموزشی برنامه نویسی و شبکه - مطالب ابر تکست باکس عددی

آموزش ایجاد تکست باکس عددی با جاوااسکریپت

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

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

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

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


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


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

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


آموزش ساخت تکست باکسی که ارقام (اعداد) رو سه رقم سه رقم جدا کنه با جی کوئری

با سلام، فرم ها بخش مهمی از سایت ها می باشند . در سایت های فروشگاهی و مالی - حسابداری که با ارقام سرو کار دارند، با گذاشتن تکست باکسی که ارقام رو سه رقم سه رقم جدا کنه می تونین لذت کار با سایت رو به مشتریاتون هدیه بدید :)

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

خوب طبق روال ابتدا باید کتابخونه جی کوئری رو به پروژتون اضافه کنین (اگر با این مورد آشنا نیستید به بخش موضوعات و گزینه "آموزش جی کوئری" مراجعه کنین)

خوب فرض کنین که من یه همچین تگی دارم :
حال برای اینکه کاری کنم که کاربر فقط توش عدد بتونه بنویسه :


به همین سادگی ...
دقت کنین که اگر به جای input دارین از کنترل TextBox خود asp.net استفاده می کنین ، باید حتما خصوصیت ClientIDMode اونو برابر با Static قرار بدین تا آی دی طرف کلاینت همون آی دی طرف سرور بشه. (وگرنه آی دی طرف کلاینتتون ممکنه به چیزی شبیه به Content_NetNic یا یه چیز عجیب تر تبدیل بشه!)

در آموزش بعدی نحوه ایجاد تکست باکس فارسی (فقط بشه توش فارسی بنویسیم) با ASP.Net Expression Validator رو یاد میدم...
موفق باشید

نوشته شده در تاریخ چهارشنبه 1 آبان 1392    | توسط: ح.م    | طبقه بندی: آموزش ASP.NET، آموزش jQuery،     | نظرات()