اگر آموزش های ما را دنبال کرده باشید در این قسمت از آموزش ها در حال بررسی زبان برنامه نویسی HTML5 که ورژن و نسخهء کامل شدهء زبان HTML4 است بودیم.تا به این جا نیز مفاهیم بسیاری را در این زمینه بررسی کردیم و با تگ ها و متدهای جدید این زبان نیز آشنا شدیم.در این مطلب قصد داریم تا خواص جدید کنترل ها در HTML 5 را برای شما تشریح کنیم.در این مطلب می پردازیم به :
خاصیت pattern :

خاصیت pattern برای یک کنترل <input> ، تعیین کننده ساختاری است که باید اطلاعات وارد شده در کنترل قبل از ارسال به سرور را بر مبنای آن اعتبارسنجی شوند .

برای مثال یک ساختار تعیین می کنید که رمز وارد شده در کنترل حداقل باید دارای ۸ کاراکتر باشد . کنترل قبل از ارسال اطلاعات به سرور ، این شرط تعیین شده را بررسی می کند .
نکته : خاصیت pattern با کنترل های زیر به کار می رود :

  • text
  • search
  • url
  • email
  • password

نکته ۱:در هنگام استفاده از خاصیت pattern ، از خاصیت title کنترل <input> نیز ، برای نمایش یک tooltip یا راهنما جهت پر کردن کادر متن به کاربر استفاده نمایید .
نکته ۲:برای دریافت اطلاعات بیشتر به بخش آموزش اعتبارسنجی داده ها در جاوا اسکریپت بروید .

شکل کلی استفاده از خاصیت pattern بصورت زیر است :

<” input pattern = ” regexp >

توضیح syntax :

regexp

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

پشتیانی در مرورگر های مختلف :

این خاصیت در تمام مرورگرهای اصلی پشتیانی می شود.