شرح الگوی ستاره و معیارهای آن

عناصر رمز عبور نوع راهی را برای کاربر فراهم می کند تا بتواند یک رمز عبور را ایمن وارد کند.

این عنصر به عنوان یک کنترل ویرایشگر متن ساده یک خط ارائه می شود که در آن متن مبهم است تا نتواند آن را بخوانید ، معمولاً با جایگزینی هر شخصیت با نمادی مانند ستاره ("*") یا یک نقطه ("•"). این شخصیت بسته به عامل کاربر و سیستم عامل متفاوت خواهد بود.

امتحانش کن

رفتار دقیق فرآیند ورود ممکن است از مرورگر تا مرورگر متفاوت باشد. برخی از مرورگرها قبل از مبهم کردن آن ، شخصیت تایپ شده را برای لحظه ای نشان می دهند ، در حالی که برخی دیگر به کاربر اجازه می دهند نمایشگر متن ساده را روشن و خاموش کند. هر دو رویکرد به کاربر کمک می کند تا وارد رمز ورود در نظر گرفته شود ، که می تواند در دستگاه های تلفن همراه به ویژه دشوار باشد.

توجه: هر فرم مربوط به اطلاعات حساس مانند رمزهای عبور (مانند فرم های ورود به سیستم) باید از طریق HTTPS ارائه شود. اکنون بسیاری از مرورگرها مکانیسم هایی را برای هشدار در برابر فرم های ورود به سیستم ناامن اجرا می کنند. رمزهای عبور ناامن را ببینید.

ارزش

ویژگی مقدار حاوی رشته ای است که مقدار آن محتوای فعلی کنترل ویرایش متن برای وارد کردن رمز عبور است. اگر کاربر هنوز چیزی وارد نکرده است ، این مقدار یک رشته خالی ("") است. اگر ویژگی مورد نیاز مشخص شده باشد ، کادر ویرایش رمز عبور باید دارای مقداری غیر از یک رشته خالی باشد تا معتبر باشد.

اگر ویژگی الگوی مشخص شده باشد ، محتوای کنترل رمز عبور فقط در صورتی معتبر در نظر گرفته می شود که ارزش اعتبارسنجی شود. برای اطلاعات بیشتر به اعتبار سنجی مراجعه کنید.

توجه: کاراکترهای خط (u+000a) و بازگشت کالسکه (u+000D) در یک مقدار رمز عبور مجاز نیستند. هنگام تنظیم مقدار کنترل رمز عبور ، کاراکترهای برگشتی خط و کالسکه از مقدار خارج می شوند.

ویژگی های اضافی

بیشترین طول

حداکثر تعداد کاراکترها (به عنوان واحدهای کد UTF-16) کاربر می تواند وارد قسمت رمز عبور شود. این باید یک مقدار عدد صحیح 0 یا بالاتر باشد. اگر طول حداکثر مشخص نشده باشد ، یا یک مقدار نامعتبر مشخص شده باشد ، قسمت رمز عبور حداکثر طول ندارد. این مقدار همچنین باید بیشتر یا مساوی با مقدار minL طول باشد.

اگر طول متن وارد شده به قسمت بیشتر از واحدهای کد MAXLENG UTF-16 باشد ، اعتبار محدودیت محدودیت را شکست می دهد.

کمترین طول

حداقل تعداد کاراکترها (به عنوان واحدهای کد UTF-16) کاربر می تواند وارد قسمت ورود به رمز عبور شود. این باید یک عدد صحیح غیر منفی کوچکتر از یا مساوی با مقدار مشخص شده توسط MaxL طول باشد. اگر طول حداقل مشخص نشده باشد ، یا یک مقدار نامعتبر مشخص شده باشد ، ورودی رمز عبور حداقل طول ندارد.

اگر طول متن وارد شده به این زمینه کمتر از واحدهای کد UTF-16 با طول باشد ، اعتبار محدودیت محدودیت را شکست می دهد.

الگو

ویژگی الگوی ، در صورت مشخص شدن ، یک عبارت معمولی است که مقدار ورودی باید با ارزش اعتبار سنجی محدودیت مطابقت داشته باشد. این باید یک عبارت معمولی JavaScript باشد ، همانطور که توسط نوع REGEXP استفاده می شود ، و همانطور که در راهنمای ما در عبارات منظم ثبت شده است. پرچم 'U' هنگام تهیه بیان منظم مشخص شده است ، به طوری که این الگوی به جای ASCII به عنوان دنباله ای از نقاط کد یونیکد درمان می شود. هیچ برش رو به جلو نباید در مورد متن الگوی مشخص شود.

اگر الگوی مشخص شده مشخص نشده باشد یا نامعتبر باشد ، هیچ بیان منظم اعمال نمی شود و این ویژگی کاملاً نادیده گرفته می شود.

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

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

محل نگهدارنده

ویژگی نگهدارنده مکان رشته ای است که اشاره مختصری را به کاربر ارائه می دهد که چه نوع اطلاعاتی در این زمینه انتظار می رود. این باید یک کلمه یا عبارت کوتاه باشد که به جای یک پیام توضیحی ، نوع داده های مورد انتظار را نشان می دهد. متن نباید شامل بازده کالسکه یا خوراک خط باشد.

اگر محتوای کنترل دارای یک جهت (LTR یا RTL) باشد ، اما باید مکان نگهدارنده را در جهت مخالف ارائه دهد ، می توانید از کاراکترهای الگوریتم دو طرفه یونیکد برای غلبه بر جهت در محل نگهدارنده استفاده کنید. برای اطلاعات بیشتر به نحوه استفاده از کنترل های Unicode برای متن Bidi مراجعه کنید.

توجه: در صورت امکان از استفاده از ویژگی نگهدارنده خودداری کنید. از نظر معنایی به اندازه سایر روشها برای توضیح فرم شما مفید نیست و می تواند باعث ایجاد مسائل فنی غیر منتظره با محتوای شما شود. برای اطلاعات بیشتر به برچسب ها مراجعه کنید.

فقط خواندنی

یک ویژگی بولی که در صورت وجود ، به این معنی است که این قسمت توسط کاربر قابل ویرایش نیست. با این حال ، مقدار آن هنوز هم می تواند از کد JavaScript تغییر کند که به طور مستقیم مقدار خاصیت htmlinputelement. value را تعیین می کند.

توجه: از آنجا که یک قسمت فقط خواندنی نمی تواند یک مقدار داشته باشد ، مورد نیاز هیچ تاثیری در ورودی با ویژگی Readonly نیز مشخص نمی کند.

اندازه

ویژگی اندازه یک مقدار عددی است که نشان می دهد چه تعداد کاراکترها از قسمت ورودی باید باشد. مقدار باید یک عدد بیشتر از صفر باشد ، و مقدار پیش فرض 20 است. از آنجا که عرض کاراکتر متفاوت است ، ممکن است یا ممکن است دقیق نباشد و نباید به آن اعتماد کرد. ورودی حاصل بسته به شخصیت ها و قلم (تنظیمات قلم مورد استفاده) ممکن است باریک تر یا گسترده تر از تعداد مشخص شده شخصیت باشد.

این محدودیتی در مورد تعداد کاراکترهایی که کاربر می تواند وارد قسمت شود ، تعیین نمی کند. این فقط مشخص می کند که تقریباً چند نفر را می توان در یک زمان مشاهده کرد. برای تعیین حد بالایی در طول داده های ورودی ، از ویژگی MaxL طول استفاده کنید.

با استفاده از ورودی های رمز عبور

جعبه های ورودی رمز عبور به طور کلی درست مانند سایر جعبه های ورودی متنی کار می کنند. تفاوت اصلی مبهم بودن محتوا برای جلوگیری از خواندن رمز عبور افراد در نزدیکی کاربر است.

یک رمز عبور ساده

در اینجا ما اساسی ترین ورودی رمز عبور را مشاهده می کنیم ، با یک برچسب با استفاده از عنصر.

برچسب برای="کلمه کاربر">کلمه عبور:برچسب> ورودی id="کلمه کاربر" نوع="کلمه عبور" /> 

اجازه دادن به صورت خودکار

برای اینکه به مدیر رمز عبور کاربر اجازه دهد تا به طور خودکار رمز عبور را وارد کند ، ویژگی خودکار را مشخص کنید. برای رمزهای عبور ، این معمولاً باید یکی از موارد زیر باشد:

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

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

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

به مرورگر یا مدیر رمز عبور اجازه دهید تا به طور خودکار رمز عبور جدیدی را برای سایت وارد کند. این مورد در فرم های "تغییر رمز عبور خود" و "کاربر جدید" استفاده می شود ، در این زمینه از کاربر برای رمز عبور جدید درخواست می کند. بسته به مدیر رمز عبور مورد استفاده ، رمز عبور جدید ممکن است به روش های مختلفی ایجاد شود. این ممکن است یک رمز عبور پیشنهادی جدید را پر کند ، یا ممکن است رابط کاربری را برای ایجاد یکی به کاربر نشان دهد.

برچسب برای="کلمه کاربر">کلمه عبور:برچسب> ورودی id="کلمه کاربر" نوع="کلمه عبور" ناقص="واژگانی جاری" /> 

ساختن رمز عبور اجباری

برای اینکه به مرورگر کاربر بگویید که قسمت رمز عبور قبل از ارسال فرم باید یک مقدار معتبر داشته باشد ، ویژگی مورد نیاز Boolean را مشخص کنید.

برچسب برای="کلمه کاربر">کلمه عبور:برچسب> ورودی id="کلمه کاربر" نوع="کلمه عبور" ضروری /> ورودی نوع="ارسال" ارزش="ارسال" /> 

مشخص کردن حالت ورودی

اگر قوانین نحوی توصیه شده (یا مورد نیاز) شما از رابط ورود متن متناوب نسبت به صفحه کلید استاندارد بهره مند می شوند ، می توانید از ویژگی InputMode برای درخواست یک مورد خاص استفاده کنید. بارزترین مورد استفاده برای این امر در صورت نیاز به رمز عبور عددی (مانند پین) است. به عنوان مثال ، دستگاه های تلفن همراه با صفحه کلیدهای مجازی ممکن است به جای یک صفحه کلید کامل ، به یک طرح صفحه کلید عددی تغییر دهند تا وارد کردن رمز عبور آسان شود. اگر پین برای استفاده یک بار است ، ویژگی خودکار را روی آن قرار دهید یا یک بار کد یک بار یا یک بار کدگذاری کنید تا نشان دهد که ذخیره نشده است.

برچسب برای="پین کردن">پین:برچسب> ورودی id="پین کردن" نوع="کلمه عبور" حالت ورودی="عددی" /> 

تنظیم نیازهای طول

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

برچسب برای="پین کردن">پین:برچسب> ورودی id="پین کردن" نوع="کلمه عبور" حالت ورودی="عددی" کمترین طول="4" بیشترین طول="8" اندازه="8" /> 

انتخاب متن

مانند سایر کنترل های ورودی متنی ، می توانید از روش SELECT () برای انتخاب تمام متن در قسمت رمز عبور استفاده کنید.

HTML

برچسب برای="کلمه کاربر">کلمه عبور:برچسب> ورودی id="کلمه کاربر" نوع="کلمه عبور" اندازه="12" /> دکمه id="انتخاب همه">انتخاب همهدکمه> 

جاذب

مدرک.getElementId("انتخاب همه").بر روی کلیک کردن = () => مدرک.getElementId("userpassword").انتخاب کنید(); > 

نتیجه

شما همچنین می توانید از SelectionStart و SelectionEND استفاده کنید تا (یا تنظیم) چه طیف وسیعی از شخصیت های کنترل را انتخاب کنید ، و انتخاب مسیر را برای دانستن اینکه انتخاب جهت در کدام رخ داده است (یا بسته به بستر خود ، در آن گسترش خواهد یافت ؛ مستندات آن را برای یک مورد مشاهده کنید. توضیح)با این حال ، با توجه به اینکه متن مبهم است ، سودمندی این موارد تا حدودی محدود است.

اعتبار سنجی

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

در این مثال ، فقط مقادیر متشکل از حداقل چهار و بیش از هشت رقم شش ضلعی معتبر نیستند.

برچسب برای="مثلث">شناسه هگز:برچسب> ورودی id="مثلث" نوع="کلمه عبور" الگو="[0-9a-fa-f]" عنوان="شناسه متشکل از 4-8 رقم شش ضلعی را وارد کنید" ناقص="رمز عبور جدید" /> 

مثال ها

درخواست شماره تأمین اجتماعی

این مثال فقط ورودی را می پذیرد که با فرمت برای شماره تأمین اجتماعی معتبر ایالات متحده مطابقت دارد. این اعداد که برای اهداف مالیاتی و شناسایی در ایالات متحده استفاده می شوند ، به شکل "123-45-6789" هستند. قوانین متنوع برای آنچه در هر گروه مجاز است نیز وجود دارد.

HTML

برچسب برای="SSN">SSN:برچسب> ورودی نوع="کلمه عبور" id="SSN" حالت ورودی="عددی" کمترین طول="9" بیشترین طول="12" الگو="(؟! 000) ([0-6]  d | 7 ([0-6]  d | 7 [012])) ([-])؟ (؟! 00)  d  d  3 (؟! 0000)  d" ضروری ناقص="از روی" /> br /> برچسب برای="SSN">ارزش:برچسب> طول id="جاری">طول> 

این از الگویی استفاده می کند که ارزش وارد شده را به رشته هایی که به نمایندگی از شماره های حقوقی تأمین اجتماعی هستند محدود می کند. بدیهی است ، این REGEXP یک SSN معتبر را تضمین نمی کند (از آنجا که ما به پایگاه داده اداره تأمین اجتماعی دسترسی نداریم) ، اما این اطمینان را می دهد که این تعداد می تواند یکی باشد. این به طور کلی از مقادیری که نمی توانند معتبر باشند جلوگیری می کند. علاوه بر این ، اجازه می دهد تا سه گروه از رقم با یک فضا ، یک خط ("-") یا هیچ چیز از هم جدا شوند.

InputMode برای تشویق دستگاه هایی با صفحه کلیدهای مجازی روی عددی تنظیم شده است تا برای ورود آسانتر به یک طرح صفحه کلید عددی تغییر دهند. ویژگی های minl طول و حداکثر طول به ترتیب 9 و 12 تنظیم شده است ، به این ترتیب که این مقدار حداقل نه و بیش از 12 کاراکتر باشد (اولی بدون جدا کردن شخصیت ها بین گروه های رقم و دومی با آنها). از ویژگی مورد نیاز استفاده می شود تا نشان دهد این کنترل باید دارای یک مقدار باشد. سرانجام ، AutoClemte برای جلوگیری از مدیران رمز عبور و ویژگی های بازیابی جلسه سعی در تعیین ارزش خود را خاموش کرده است ، زیرا این اصلاً رمز عبور نیست.

جاذب

این فقط یک کد ساده برای نمایش صفحه نمایش SSN وارد شده است تا بتوانید آن را مشاهده کنید. بدیهی است که این هدف از یک قسمت رمز عبور را شکست می دهد ، اما برای آزمایش با این الگوی مفید است.

محاصره کردنSSN=مدرک.getElementId("SSN"); محاصره کردنجاری=مدرک.getElementId("جاری");SSN.تحتانی = (رویداد) => جاری.متنی=SSN.ارزش; >