11 דוגמאות לבדיקת שדות בטפסים באמצעות AJAX

האם שמתם לב שיותר ויותר אתרים משתמשים באימות שם משתמש בטפסים באמצעות AJAX, דבר המאפשר לכם לקבל חיווי מיידי בנוגע לזמינות של השם משתמש אותו אתם ממלאים בטופס, בפוסט הבא אביא לכם 11 טפסים מבוססי PHP/ASP.NET שמשתמשים באימות AJAX.

בדוגמאות הבאות יש שימוש ב-php ו ajax שמתבסס על מחלקת Jquery  שנתחיל?

1. AJAX (jQuery)בדיקת שם משתמש עם PHP

האם שמתם לב שהרבה אתרים משתמשים בכלי האימות בשדה השם משתשמש כאשר אתם ממלאים את השדה, האימות מתבצע באמצעות AJAX ששולח בקשה לPHP שבודק האם השם משתמש כבר רשום במערכת.

ajax username checker 0011 11+Example Ajax Auto Check Availability Username in PHP

 

דמו | להורדה

2. בדיקת זמינות שם משתמש באמצעות Jquery/PHP

לעיתים נדירות כאשר נתבקש להירשם לאתר אינטרנט נזהה בטופס רישום אימות אוטומטי של כתובת המייל והשם משתמש, האימות הזה נוצר בשביל למנוע מצב שיהיו לשני אנשים שונים אותו שם משתמש או כתובת מייל, חלק מהאתרים מעדיפים לבצע את האימות באמצעות AJAX ככה שתוכל לקבל חיווי ישירות כשאתה ממלא את השדה ולא לקבל חיווי רק כאשר לחצת על כפתור "שלח"

live ajax request for username logo 11+Example Ajax Auto Check Availability Username in PHP

דמו | להורדה

3. בדיקת זמינות שם משתמש ב- ajax באמצעות jQuery

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

styled 11+Example Ajax Auto Check Availability Username in PHP

למדריך | להורדה

 

4. בדיקת זמינות משתמש באמצעות PHP ו-jQuery

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

ajax username checker 002 11+Example Ajax Auto Check Availability Username in PHP

דמו | להורדה

5.  בדיקת זמינות משתמש באמצעות JQuery!

ajax username checker 003 11+Example Ajax Auto Check Availability Username in PHP

6. בדיקת זמינות משתמש באמצעות פלגין מבוסס jQuery/Ajax

בדקו את זמינות המשתמש באמצעות jQuery ו-Ajax,ניתן לבצע את הבדיקה באמצעות לחיצת כפתור או לחיצה על מקש.

ajax username checker 004 11+Example Ajax Auto Check Availability Username in PHP

דמו | להורדה

7. יצירת בדיקת משתמש במערכת וורדפרס

מוסיפים לאירוע שמטפל בשדה signup_username אפשרות בדיקת זמינות שם המשתמש באמצעות Ajax כאשר הגולש מסיים למלא את השדה משתמש show_message נכנס לפעולה ומבצע את החיווי.

username availability checker 11+Example Ajax Auto Check Availability Username in PHP

להורדה

8. בדיקת זמינות משתמש באמצעות ASP.NET עם AJAX בשימוש ב-jQuery

באמצעות הסקריפט הבא תוכלו לבדוק את זמינות שם המשתמש שהוזן דרך Ajax דבר שיחסוך לגולשים שלכם הרבה זמן המתנה בין לחיצה על השלח ועד קבלת החיווי, במדריך הבא תקבלו הדרכה כיצד ליצור אימות לשדה שם משתמש בASP.NET באמצעות שימוש ב-AJAX ומחלקת JQuery.

7 11+Example Ajax Auto Check Availability Username in PHP

למדריך

9. Ajax-ed בדיקת זמינות

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

ajax live request page 11+Example Ajax Auto Check Availability Username in PHP

דמו

10. tooltip של אימות שדות ועזרה.

ajax username checker 0012 11+Example Ajax Auto Check Availability Username in PHP

דמו | הורדה

11. טופס הרשמה נפתח מבוסס jQuery ו- Ajax

הטופס הבא בנוי בסגנון של הטפסים שיש באתר של טוויטר הטופס בנוי באמצעות jQuery ו-Ajax, כיצד זה עובד? הטופס שולח בקשות Ajax לצד שרת לבדיקה ואימות של השם משתמש והסיסמה, הסקריפט כולל אימות JS ומתבסס על ה- jQuery Form Plugin.

ajax username checker 0013 11+Example Ajax Auto Check Availability Username in PHP

דמו | להורדה

אודות הכותב:

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

פוסטים נוספים - אתר אישי

אנשים שקראו כתבה זו התעניינו גם ב:



הגב

שוחחו איתי אונליין

דצמבר 2017
א ב ג ד ה ו ש
« אוגוסט    
 12
3456789
10111213141516
17181920212223
24252627282930
31