بیست سافت

سورس پروژه | دانلود پروژه | پروژه رایگان | برنامه نویسی | طراحی وب

آموزش اعتبار سنجی فرم ها در html ۱۸ اسفند ۱۳۹۴

آموزش اعتبار سنجی فرم ها در html
آموزش اعتبار سنجی فرم ها در htmlReviewed by فرزاد خالدی on Mar 8Rating:

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

 

آموزش اعتبار سنجی فرم ها در html

 

۱ – انواع فیلدها در html :

html دارای انواع مختلفی از فیلدها است که در زیر به تعدادی از آنها اشاره می کنیم :

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

 

برای استفاده و دریافت نوع فیلد در html می توانید به صورت زیر کد نویسی کنید:

کد بالا یک فیلد از نوع ایمیل در html ایجاد می کند شما می توانید از به جای email از دیگر نوع فیلدها که در بالا توضیح داده شد نیز استفاده کنید.

 

۲ – اجباری سازی فیلد ها :

شما می توانید برای اجباری کردن پر شدن یک فیلد توسط کاربر از ویژگی “required” استفاده کنید،این ویژگی را می توانید در <input>, <select> , <textarea> اعمال کنید

در مثال بالا یک فیلد با نام terms از نوع checkbox ایجاد می شود که انتخاب آن برای ثبت فرم اجباری می باشد.

 

۳ – محدودیت :

ما می توانیم برای فیلدهای خود طول حداقلی و یا حداکثری تعیین کنیم

در این مثال یک فیلد نام به صورت اجباری و با حداکثر طول کاراکتری ۱۵ ایجاد می شود.

در این مثال نیز یک فیلد برای ن ایجاد می کنیم که سن باید از ۱۸ بزرگتر باشد.

 

امیدوارم این پست از بیست سافت نیز براتون مفید بوده باشه.

 

 

 

بیوگرافی نویسنده

فرزاد خالدی هستم،فارغ التحصیل رشته فناوری اطلاعات از سال 88 در زمینه وب و برنامه نویسی فعالیت دارم

مشاهده تمامی 110 پست

مطالب مشابه

ارسال دیدگاه

به نکات زیر توجه کنید

  • نظرات شما پس از بررسی و تایید نمایش داده می شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.

برچسب ها