בפרק זה, נדון באימות סיסמה באמצעות JavaScript. אנחנו צריכים לאמת סיסמה בכל פעם שמשתמש יוצר חשבון בכל אתר או אפליקציה. לכן, עלינו לאמת סיסמה חוקית וכן לשים את אימות הסיסמה לאשר. כדי שסיסמה תקפה, הפרמטרים הבאים חייבים להיכלל בה כדי להיות חוקיים -
- סיסמה צריכה להיות אלפאנומרית.
- האות הראשונה של הסיסמה צריכה להיות גדולה.
- הסיסמה חייבת להכיל תו מיוחד (@, $, !, & וכו').
- אורך הסיסמה חייב להיות גדול מ-8 תווים.
- אחד החשובים ביותר ששדות הסיסמה לא יהיו ריקים.
בכל פעם שמשתמש יוצר סיסמה, תמיד יש עוד שדה אחד של אישור סיסמה. הוא בודק שהסיסמה שהזין המשתמש זהה לשדות אישור הסיסמה. כדי ליצור סיסמה חוקית, יש להתאים את ערך שדות הסיסמה ואישור הסיסמה.
ראשית, נבדוק אם יש סיסמה חוקית ולאחר מכן נאשר את בדיקות אימות הסיסמה.
אימות סיסמה חוקית
בדוגמה זו, נבדוק שהסיסמה שנוצרה על ידי המשתמש תקפה או לא ותתאים לכל הפרמטרים שנדונו לעיל. ראה את הקוד למטה לאימות סיסמה.
העתק קוד
string tokenizer java
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset בדוק את זה עכשיו תְפוּקָה
טופס HTML יופיע באינטרנט על ידי ביצוע הקוד לעיל. כאן, ספק את הנתונים בשדות טקסט ולחץ על כפתור שלח לעיבוד. על פי אימותים, אם הנתונים נכונים, תופיע תיבת התראה עם הודעה: הסיסמה שלך נוצרה בְּהַצלָחָה. כאן כשאתה לוחץ על בסדר לחצן, זה יעבור לפלט אחר.
צילום מסך 1
כאשר אתה לוחץ על בסדר כפתור בתוך תיבת ההתראה, הוא יעבור לפלט HTML פשוט שבו הוא יציג הודעה נתוני הטופס נשלחו בהצלחה .
צילום מסך 2
מדריך javafx
פלט על מתן ערכים שגויים
במקרה שהזנת ערך שגוי או השארת שדה חובה ריק, הוא יציג שגיאה בצד ימין של תיבת הקלט. שגיאות אלו יופיעו אחת אחת לאחר בדיקת האימות עם כל לחיצה על שלח לַחְצָן. ראה את השגיאות בצילום המסך למטה:
כדי לבדוק שכל האימותים פועלים כהלכה או לא, העתק את הקוד והפעל אותו במהדר JavaScript שלך.