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



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

JavaScript היא אחת השפות הפופולריות ביותר ב- , פיתוח חזיתי וקצה אחורי. הוא משמש ליצירת אתרים מעוצבים להפליא. ב- JavaScript, נעשה שימוש באימות לאימות משתמש. בזה אימות JavaScript מאמר, תוכלו ללמוד על אימות טפסים ברצף הבא:

מה זה JavaScript?

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





Javascript - אימות JavaScript - edureka

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



מאפייני JavaScript:

  • זו שפת סקריפטים ואין לה שום קשר . בתחילה, זה נקרא מוקה , ואז השתנה ל LiveScript ולבסוף הוא נקרא בשם JavaScript .

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



  • אתה יכול להריץ JavaScript לא רק ב דפדפן אלא גם על שרת וכל מכשיר שיש בו מנוע JavaScript.

פונקציות JavaScript

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

הגדרת פונקציה מורכבת ממילת המפתח, ואחריה:

כיצד להגדיר מסלול Java
  • ה שֵׁם של הפונקציה.

  • רשימה של פרמטרים לפונקציה, כלול בסוגריים ומופרד בפסיקים.

  • ה- JavaScript הצהרות המגדירים את הפונקציה, כלולה בסוגריים מסולסלים, {}.

בואו ניקח דוגמא ונראה כיצד להגדיר פונקציה בשם לְהוֹסִיף :

פונקציה להוסיף (a, b) {להחזיר a + b}

כעת, כדי לאמת משתמש, משתמשים בפונקציית אימות. אז בואו להתקדם וללמוד עוד על אימות JavaScript.

מהי אימות?

אימות הוא שיטה ל לְאַמֵת המשתמש. JavaScript מספק את האפשרות לאמת את הטופס בצד הלקוח כך שעיבוד הנתונים יהיה מהיר יותר מאשר אימות בצד השרת. הוא מעדיף את רוב מפתחי האינטרנט. באמצעות JavaScript אנו יכולים לאמת שם, סיסמה, דוא'ל, תאריך, מספרי טלפון נייד ועוד שדות.

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

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

אימות JavaScript: דוגמה

הדוגמה הבאה היא קוד ב- HTML, CSS ו- JavaScript לאימות טופס שבו:

  1. HTML רגיל ל לִיצוֹר הצורה.
  2. JavaScript רגיל ל לְאַמֵת הצורה.

FormValidation.html

אימות טופס / ** /
סיסמה:
 

זה ייתן את הפלט הבא:

כעת עליך ליצור קובץ אחר שיהיה הפניה מחדש הדף לדף חדש לאחר לחיצה שלח לַחְצָן.

Text.html

אימות טפסים / ** /

זה ינותב לדף אחר וייתן את הדברים הבאים תְפוּקָה :

כעת, עלינו להוסיף א פוּנקצִיָה ב- JavaScipt שלנו לקישור מזהה הקלט. זה יצוץ עֵרָנִי הודעה אם אחד מהשדות נותר ריק.

פונקציה validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('השם לא יכול להיות ריק' ) להחזיר שקר} אחר אם (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

זה יקפיץ את הדברים הבאים עֵרָנִי כאשר שדה שם נשאר ריק:

לאחר מכן, אם תזין את השם ותשאיר את שדה סיסמא ריק, זה יקפיץ את הדברים הבאים עֵרָנִי :

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

הקוד השלם עבור אימות טפסים הוא כדלקמן:

פונקציית אימות טופס validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('שם לא יכול להיות ריק ') להחזיר שקר} אחר אם (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } סיסמה: 

זו הייתה דוגמה לאימות טפסים ב- JavaScript. אנו יכולים גם לאמת את מזהה הדוא'ל, הסיסמה, מספר הנייד. ועוד רבים.

אז בואו ניקח דוגמא נוספת ונראה כיצד לאמת מזהה אימייל באמצעות JavaScript.

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

דוא'ל. HTML

פונקציה ValidateEmail (inputText) {var mailformat = /^w+( [.- ]?w+)*@w+( [.- ]?w+)*(.w{2,3})+$/ if (inputText.value. התאמה (mailformat)) {document.form1.text1.focus () להחזיר true} אחר {alert ('הזנת כתובת אימייל לא חוקית!') document.form1.text1.focus () return false}}

תְפוּקָה

בכך הגענו לסוף מאמר אימות ה- JavaScript שלנו. אני מקווה שמצאת את הבלוג הזה אינפורמטיבי וקיבלת הבנה בסיסית באימות JavaScript.

hashap ו- hashtable בג'אווה

כמו כן, אל תשכח לבדוק את מאת אדוריקה . יש לך שאלה עבורנו? אנא הזכיר זאת בפרק ההערות של 'אימות JavaScript' ונחזור אליך.