آموزش برنامه نویسی ، پایگاه داده sql server
آموزشگاه برنامه نویسی تحلیل داده : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server


آموزشگاه برنامه نویسی مجتمع فنی تهران میرداماد : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server

آموزش HTML 5 > خواص جدید کنترل ها در HTML 5  >  خاصیت pattern

خاصیت pattern :

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

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

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

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

syntax <input   pattern = " regexp " >

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

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

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

مثال عملی :

مثال : در مثال زیر ، یک فرم را بر روی صفحه قرار داده ایم که دارای یک کادر متن بوده و کاربر باید یک کد 3 حرفی را در آن وارد کرده و فرم را ارسال نماید . برای راهنمایی وی نیز ، متنی در خاصیت title در نظر گرفته شده است . در صورت وارد کردن مقدار صحیح ، فرم ارسال می شود :

Example
<form method="get">
     کد 3 حرفی : <input type="text" name="country_code"  pattern="[A-Za-z]{3}"   title="یک کد 3 حرفی وارد نمایید" >
    <input type="submit" value="Send">
</form>
کد
کد 3 حرفی :
                                               
خروجی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید  :

آیا مطالب این صفحه برای شما مناسب و مفید بود ه است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟