آموزش HTML 5 > خواص جدید کنترل ها در HTML 5 > خاصیت pattern
خاصیت pattern :
خاصیت pattern برای یک کنترل <input> ، تعیین کننده ساختاری است که باید اطلاعات
وارد شده در کنترل قبل از ارسال به سرور را بر مبنای آن اعتبارسنجی شوند .
برای مثال یک ساختار تعیین می کنید که رمز وارد شده در کنترل حداقل باید دارای 8 کاراکتر
باشد . کنترل قبل از ارسال اطلاعات به سرور ، این شرط تعیین شده را بررسی می کند .
نکته : خاصیت pattern با کنترل های زیر به کار می رود :
نکته 1:در هنگام استفاده از خاصیت pattern ، از خاصیت title
کنترل <input> نیز ، برای نمایش یک tooltip یا راهنما جهت پر کردن کادر متن به
کاربر استفاده نمایید .
نکته 2:برای دریافت اطلاعات بیشتر به بخش
آموزش اعتبارسنجی داده ها در جاوا اسکریپت بروید .
شکل کلی استفاده از خاصیت pattern بصورت زیر است :
|
syntax
|
<input pattern = " regexp " >
|
|
توضیح
|
|
تعیین کننده ساختار یا الگویی است که قرار است اطلاعات ورودی در کادر متن ، بر مبنای
آنها اعتبارسنجی شود .
|
پشتیانی در مرورگر های مختلف :
این خاصیت در تمام مرورگرهای اصلی پشتیانی می شود .
مثال عملی :
مثال : در مثال زیر ، یک فرم را بر روی صفحه قرار داده ایم که دارای
یک کادر متن بوده و کاربر باید یک کد 3 حرفی را در آن وارد کرده و فرم را ارسال نماید
. برای راهنمایی وی نیز ، متنی در خاصیت title در نظر گرفته شده است . در صورت وارد
کردن مقدار صحیح ، فرم ارسال می شود :
<form method="get">
کد 3 حرفی : <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="یک کد 3 حرفی وارد نمایید" >
<input type="submit" value="Send">
</form>
|
|
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :