1. אימות טופס JavaScript
2. דוגמה לאימות JavaScript
3. אימות דוא'ל של JavaScript

חשוב לאמת את הטופס שנשלח על ידי המשתמש מכיוון שיכולים להיות לו ערכים לא הולמים. לכן, אימות הוא חובה כדי לאמת את המשתמש.

JavaScript מספק אפשרות לאמת את הטופס בצד הלקוח כך שעיבוד הנתונים יהיה מהיר יותר מאשר אימות בצד השרת. רוב מפתחי האינטרנט מעדיפים אימות טופס JavaScript.

באמצעות JavaScript, אנו יכולים לאמת שם, סיסמה, דוא'ל, תאריך, מספרי נייד ועוד שדות.

דוגמה לאימות טופס JavaScript

בדוגמה זו, אנו הולכים לאמת את השם והסיסמה. השם לא יכול להיות ריק והסיסמה לא יכולה להיות באורך של פחות מ-6 תווים.

כאן, אנו מאמתים את הטופס בשליחת הטופס. המשתמש לא יועבר לעמוד הבא עד שהערכים הנתונים יהיו נכונים.

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>

אימות סיסמה של JavaScript

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 

אימות מספר JavaScript

בואו נאמת את שדה הטקסט עבור ערך מספרי בלבד. כאן, אנו משתמשים בפונקציה isNaN() .

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 

אימות JavaScript עם תמונה

בוא נראה דוגמה אינטראקטיבית לאימות טופס JavaScript שמציגה תמונה נכונה ושגויה אם הקלט נכון או שגוי.

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>

תְפוּקָה:

אימות דוא'ל של JavaScript

אנו יכולים לאמת את המייל בעזרת JavaScript.

ישנם קריטריונים רבים שיש לעמוד בהם כדי לאמת את מזהה הדוא'ל כגון:

• מזהה הדוא'ל חייב להכיל את ה-@ ו-. אופי
• חייב להיות לפחות תו אחד לפני ואחרי ה-@.
• חייבים להיות לפחות שני תווים אחרי . (נְקוּדָה).

בואו נראה את הדוגמה הפשוטה לאימות שדה האימייל.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>