11 דוגמאות לבדיקת שדות בטפסים באמצעות AJAX
האם שמתם לב שיותר ויותר אתרים משתמשים באימות שם משתמש בטפסים באמצעות AJAX, דבר המאפשר לכם לקבל חיווי מיידי בנוגע לזמינות של השם משתמש אותו אתם ממלאים בטופס, בפוסט הבא אביא לכם 11 טפסים מבוססי PHP/ASP.NET שמשתמשים באימות AJAX.
בדוגמאות הבאות יש שימוש ב-php ו ajax שמתבסס על מחלקת Jquery שנתחיל?
1. AJAX (jQuery)בדיקת שם משתמש עם PHP
האם שמתם לב שהרבה אתרים משתמשים בכלי האימות בשדה השם משתשמש כאשר אתם ממלאים את השדה, האימות מתבצע באמצעות AJAX ששולח בקשה לPHP שבודק האם השם משתמש כבר רשום במערכת.
דמו | להורדה
2. בדיקת זמינות שם משתמש באמצעות Jquery/PHP
לעיתים נדירות כאשר נתבקש להירשם לאתר אינטרנט נזהה בטופס רישום אימות אוטומטי של כתובת המייל והשם משתמש, האימות הזה נוצר בשביל למנוע מצב שיהיו לשני אנשים שונים אותו שם משתמש או כתובת מייל, חלק מהאתרים מעדיפים לבצע את האימות באמצעות AJAX ככה שתוכל לקבל חיווי ישירות כשאתה ממלא את השדה ולא לקבל חיווי רק כאשר לחצת על כפתור "שלח"
דמו | להורדה
3. בדיקת זמינות שם משתמש ב- ajax באמצעות jQuery
מה שהסקריפט הבא עושה בעצם זה לבדוק את הזמינות של השם משתמש שלכם כמו שגוגל ויאהו בודקים, אם להרבה אתרים יש את זה למה שלכם לא יהיה את זה גם… במדריך הבא תלמדו איך תוכלו לבנות לכם בדיקת זמינות משתמש מבוסס Jquery.
למדריך | להורדה
4. בדיקת זמינות משתמש באמצעות PHP ו-jQuery
זה תמיד טוב לדעת אם שם המשתמש או המייל תקין לפני שלוחצים על כפתור השלח, כך שהגולש יוכל לקבל חיווי באופן מיידי האם הפרטים שהוא הזין תקינים, את האימות הזה ניתן לבצע באמצעות PHP ו-Jquery והכי כיף שלא צריך לכתוב הרבה קוד.
דמו | להורדה
5. בדיקת זמינות משתמש באמצעות JQuery!
6. בדיקת זמינות משתמש באמצעות פלגין מבוסס jQuery/Ajax
בדקו את זמינות המשתמש באמצעות jQuery ו-Ajax,ניתן לבצע את הבדיקה באמצעות לחיצת כפתור או לחיצה על מקש.
דמו | להורדה
7. יצירת בדיקת משתמש במערכת וורדפרס
מוסיפים לאירוע שמטפל בשדה signup_username אפשרות בדיקת זמינות שם המשתמש באמצעות Ajax כאשר הגולש מסיים למלא את השדה משתמש show_message נכנס לפעולה ומבצע את החיווי.
להורדה
8. בדיקת זמינות משתמש באמצעות ASP.NET עם AJAX בשימוש ב-jQuery
באמצעות הסקריפט הבא תוכלו לבדוק את זמינות שם המשתמש שהוזן דרך Ajax דבר שיחסוך לגולשים שלכם הרבה זמן המתנה בין לחיצה על השלח ועד קבלת החיווי, במדריך הבא תקבלו הדרכה כיצד ליצור אימות לשדה שם משתמש בASP.NET באמצעות שימוש ב-AJAX ומחלקת JQuery.
9. Ajax-ed בדיקת זמינות
במדריך הקצר הזה תלמדו ליצור סקריפט שבודק את הזמינות של השם משתמש כאשר הגולש יוצא מהשדה אותו הוא ממלא.
דמו
10. tooltip של אימות שדות ועזרה.
דמו | הורדה
11. טופס הרשמה נפתח מבוסס jQuery ו- Ajax
הטופס הבא בנוי בסגנון של הטפסים שיש באתר של טוויטר הטופס בנוי באמצעות jQuery ו-Ajax, כיצד זה עובד? הטופס שולח בקשות Ajax לצד שרת לבדיקה ואימות של השם משתמש והסיסמה, הסקריפט כולל אימות JS ומתבסס על ה- jQuery Form Plugin.
דמו | להורדה
הגב
שוחחו איתי אונליין
שימושון
תגיות
| א | ב | ג | ד | ה | ו | ש |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
קישורים
- flashoo – קמפוס הפלאש הישראלי
- newsgeek
- אייל שחר מול המכונה
- אינטרנט ישראל
- אנטייטלד
- אסטרטגיה באינטרנט
- ארגון חווית משתמש הישראלי
- בלוג תוצרת הארץ – של נופר
- בניית אתרים
- בקופסא
- הבלוג של אלכסנדר יודייב
- הבלוג של אמיר דותן
- הבלוג של ארז וולף
- הבלוג של גיא בורשטיין
- הבלוג של ויטלי מיז’יריצקי
- הבלוג של חברת נטקראפט
- הבלוג של יוניש
- הבלוג של יוסי ג'אנה
- הבלוג של יעל קריידרמן
- הבלוג של מאור ברזני
- הבלוג של מורד שטרן
- הבלוג של ניר טובר
- הבלוג של רוני אורבך
- הבלוג של רן לירון
- הבלוג שעושה כבוד לקונספט
- המזלג
- המעצב בתחתונים
- וובמאסטר
- ויראליקס
- טיפים וטריקים לוורדפרס
- טיפים לחיפוש עבודה
- מברשות לפוטושופ
- מזבלה
- פיקסל פרפקט מגזין
- פרסי העיצוב וחווית משתמש
- פשוט שימושי – ברק דנין