Veb ziyarətçilərinizi real vaxtlı Form Təsdiqlə təsirləndirin

online formu

Bir veb tətbiqetmənin istifadəçisi olaraq ilk təəssürat bir veb forma doldurduğunuz zaman meydana gəlir. Orada sıfır doğrulama və ya hansı problemlərlə qarşılaşa biləcəyinizi söyləmədən əvvəl forma məzmununuzu təqdim etməyinizi gözləyən veb formaların sayına heyran qaldım.

Mənim əsas qaydanım doğrulanmayan hər şeyin dəstəklənməsidir. Formanı təqdim etməzdən əvvəl təsdiqlənə biləcək hər şey olmalıdır. Ajaxın gəlməsi ilə, təqdim edilməzdən əvvəl verilənlər bazanıza qarşı məlumatları doğrulaya bilərsiniz. Tənbəl marşrutu seçməyin - istifadəçilər köməyi qiymətləndirirlər!

Burada bəzi nümunələr:

  1. E-poçt ünvanları - E-poçt adresinizi doğrulamaq üçün iki dəfə doldurmanızı təmin edən formalara zidd deyiləm, ancaq uyğun olub-olmadığını və ya uyğun şəkildə qurulduğunu sizə izah etməmələri bağışlanmaz.
  2. Parollar - İki dəfə bir parol yazmağımı təmin edəcəksənsə, xahiş edirəm formanı göndərmədən əvvəl dəyərlərin eyni olduğunu təsdiqlə.
  3. Şifrə gücü - Müəyyən bir parol gücünə ehtiyacınız varsa (alfasayısal simvolların və ya halların birləşməsi), onda parolumu yazarkən mənim üçün bir az geribildirim verin. Mənə uğursuz olduğunu söyləmədən əvvəl təqdim etməyimi gözləməyin.
  4. Tarix - Tarixi am / d / yyyy formatında istəsəniz, bu dəyərləri yazaraq uyğun şəkildə formatlaşdıraraq məlumatları tək bir sahəyə daxil etməyimə icazə verin. Sıfır aparıcı etmək istəyirsinizsə, sonra qoyun. Bir formatı göstərmək və digərini verilənlər bazasında saxlamaq yaxşıdır.
  5. Bugünkü tarix - Mənim üçün doldur! Niyə onsuz da bildiyin vaxtı doldurmağımı xahiş edirsən ?!
  6. Tarix Format - Beynəlxalq bir tətbiqiniz varsa, müraciətinizin Beynəlxalqlaşdırılmasına əsaslanan bir tarix formatını defolt edə bilərsiniz. Əlbətdə ki, istifadəçilərin bu seçimi ləğv edib özlərini seçmələri üçün bir seçimin olması yaxşıdır.
  7. Sosial Təminat Nömrələri - Avtomatik olaraq sahədən sahəyə atlanan və ya proqramlar arasında dəyərlər arasında bir tire qoyan bir javascript əlavə etmək olduqca sadədir.
  8. Telefon nömrələri - İnternationalallaşma nəzərə alınaraq, bu sahələr də telefon nömrəsini interfeysdə formatlaşdırmaqla sadələşdirilə bilər, ancaq arxa planınız üçün səmərəli olan başqa bir formatda saxlayır. İstifadəçilərinizi parantez, boşluq və tire ilə yazmağa məcbur etməyin.
  9. Maksimum mətn uzunluğu - verilənlər bazanızda saxlanılan simvol sayını məhdudlaşdırırsınızsa, o qədər işarəni daxil etməyimə icazə verməyin! Çətin təsdiqləmə tələb etmir ... sadəcə mətn qutusundakı bir ayardır.
  10. Minimum mətn uzunluğu - minimum mətn uzunluğuna ehtiyacınız varsa, kifayət qədər simvol olana qədər həyəcan siqnalı verin.

Burada bir Şifrə Güc funksiyasına bir nümunə var Geek Hikmət:

Şifrəni yazın:

ƏLAVƏ OLUNUB: 10 - Yükləmək üçün hazır bir JavaScript kitabxanası olan təmiz bir mənbə tapdım LiveValidation adlanan forma doğrulama.

16 Şərhlər

  1. 1

    Bunların formalar üçün əla xüsusiyyətlər olduğuna razıyam, ancaq ön tərəfdəki javascript doğrulamasını etməməyin “bağışlanmaz” olduğunu söyləmək daha çox şəxsi fikirdir. JavaScript-də işləməyi sevirəm və danışdığınız bəzi şeyləri yerinə yetirmək üçün olduqca səliqəli bir redaktə maskası yazdım, amma bir çoxu əhəmiyyətsizdir və orada olan javascript forması təsdiqləmə paketlərinin bir çoxunda bir çox böyük deşik var. Hər kəs vaxtını daha doğrusu (daha tez-tez) daha mürəkkəb bir ön javascript doğrulaması ilə təkrarlamaq üçün vaxt ayırmır.

    Yaxşı məqamlar, amma qəti şəkildə hər bir onlayn formada bir şey deyil, fikrimcə.

  2. 2

    Şifrə yoxlayıcısı nisbətən pozulub. Hər hansı bir parol uzunsa kifayətdir.

    Misal:

    Bu, həqiqətən ortabab paroldur?

    f46dffe6ff4ffgdfgfjfgyu656hfdt74tyhdtu5674yfgh6uhhye45herdhrt64684hythdfth54y54348fgdcvzse8cn984v3p4m6vq98476m3wuw89ewfucsd8fg67s4v8tw76u340m6tver7nt+s89346vs+0em9u+s+09hrtuhss586ysvne4896vb4865tbv089rt++

  3. 4

    Mənim üçün ən yaxşı forma doğrulaması, istifadəçiyə AJAX / Server tərəfi doğrulama zamanı müştəri tərəfi qiymətləndirməsi təəssüratı verdiyiniz zaman.
    Sadəcə formu elementlərinizə AJAX vasitəsi ilə serverə göndərən bəzi hadisələrin işlənməsini (açma, bulanma, vurma və s.) Əlavə etməli və müvafiq səhv mesajlarını qaytaran bir "yoxlama" funksiyasına müraciət etməlisiniz (bu parol çoxdur sadə, bu tarix səhv formatda və s.)
    İstifadəçi nəhayət bir göndər düyməsini tıklayaraq formanı göndərdikdə, məlumatları verilənlər bazasına və ya başqa bir işə daxil etmədən əvvəl formanı son dəfə təsdiqləmək üçün "yoxlamaq" server tərəfi funksiyasından istifadə edə bilərsiniz.
    Beləliklə, istifadəçilər onthego doğrulamasından razıdırlar və inkişaf etdirənlər yalnız server tərəfindəki doğrulama inkişafından məmnundurlar.

    • 5
      • 6

        O qədər də sürətli deyil Doug - SSN-in dərhal formatlanması kimi bu faydalı xüsusiyyətlərin əhəmiyyətsiz olduğuna dair orijinal təklifinizlə razıyam. Və yalnız bir mesaj göndərmək üçün tənbəl olduğunu, səhv olduğunu, formatında təxmin etmədən düzəldə biləcəyiniz zaman.

        Bununla yanaşı, Server tərəf məntiqini AJAX ilə birlikdə istifadə etmək barədə Nikola ilə də razıyam.

  4. 7

    Başlığınız “Dostlarınızı Təsirləndirin ...” yazır, ancaq məni bu 2 dəqiqəlik bir müddət ərzində telefonda axtardığınız üçün heyran edə bilməzsiniz.

    Başlığınızı yenidən yazın (çox yanıltıcı, müzakirə olunan nümunələrin və tətbiqetmələrin olduğunu düşünməyə vadar edir).

    İnsanlar bunu onsuz da öz formalarında etmirlərsə, o zaman sadəcə öyrənirlər və ya forma doğrulamadan istifadə etmək üçün kifayət qədər vacib deyil.

    Həqiqi veb proqramçılar bunu artıq bilir və edirlər.

    • 8

      Jay,

      Buna gorə üzr istəyirəm! Mənim fikrim qətiliklə geliştirici ilə əlaqə yaratmaq deyildi - həqiqətən bir məhsul meneceri nöqteyi-nəzərindən gəlmişdim. Mən sizinlə razıyam - amma maraqlıdır ki, bəzi digər inkişaf etdiricilər bunu etmirlər! Hesab edirəm ki, bu təəssüf doğurur.

      Vaxt ayırdığınız üçün təşəkkür edirik!
      Doug

  5. 9

    Doğrulamanın hər hansı bir tətbiqin zəruri komponenti olması ilə tamamilə razıyam. Bir komanda rəhbərliyi olaraq, ümumiyyətlə özümü təsdiqləmə itkin düşməsi və ya mətn daxiletmə uzunluğunun məhdudlaşdırılması kimi səbəblərdən “bitmiş” olaraq geri göndərdiyimi görürəm.

    Üzərimdə işlədiyim çox şey üçün normal şərtlər altında və istifadəçilər sistemdən istədiyim kimi istifadə edərsə, bir şeyin işləməsi üçün vaxtın 50% -i çəkir. İnkişaf müddətinin digər 50% -i onların girişlərini yoxlamaq, məlumatların bütövlüyünün qorunmasını təmin etmək və forma sahələrini zərərli məlumatların daxil edilməsinə imkan verməməkdən ibarətdir.

    Hava salınan tətbiqlərimdə InputVerifiers-dən necə istifadə etdiyim barədə bir yazı yazdım və e-poçt mətn sahəsini necə təsdiqlədiyimi göstərdim. İstifadə etdiyim adi ifadə telefon nömrələrini, poçt kodlarını, SSN-ləri və s. Təsdiqləmək üçün asanlıqla dəyişdirilə bilər.

    Mənim blog yazım http://timarcher.com/?q=node/36

    Yaxşı yazı Doug!

  6. 10

    Razıyam. Parollar həqiqətən vacibdir və ciddi qəbul edilməlidir. Parolun iki dəfə yazılması demək olar ki, bütün formaların normal olduğunu düşünürəm, ancaq iki parolun etibarlılığını göstərməməsi ciddi qəbul edilmədiyini göstərir.

  7. 11

    Müştəri doğrulamasının çox istifadəçi dostu bir xüsusiyyət ola biləcəyini qəbul edirəm. Bununla birlikdə, doğrulamaların özlərinin həqiqətən mənalı olduğundan əmin olmaq daha vacibdir.

    Doğrulamanın istifadəçiləri necə aldada biləcəyini və daha da pisini saytımızdan uzaqlaşdıracağına dair parlaq bir nümunə verdiniz:

    Geek Hikmətin şifrə gücünün doğrulamasını nəzərə alır tZhKwnUmIss zəif bir parol olmaq. Bu, sadəcə mükəmməl güclü bir parol deyil, həm də istifadəçiləri özlərindən uzaqlaşdıracaq, çünki bu paroldan istifadə edərək saytınıza girişin bir növ təhlükəli olacağı barədə yanlış təsəvvür yaradır.

    İstifadəçilərə yaxşı bir parolun ən azı altı simvoldan ibarət olduğunu və həm rəqəmləri, həm də hərfləri ehtiva etməsinə işarə etmək daha yaxşı olardı (və daha asan).

    Digər şübhəli doğrulamalar arasında müəyyən minimum uzunluğa ehtiyac duyan və ya boşluq ola bilməyən istifadəçi adları daxildir. İstifadəçi adlarında nə var X, John Doe, və ya hətta # *! §? Mən bunun öhdəsindən gələ bilərəm.

  8. 12

    Mən səninlə razıyam. Bəzi formalar yaxşı görünür, lakin yaxşı bir qiymətləndirmə təklif etmir. Şəxsi məlumatlar verilir və yalnız kağız şəklində hər hansı bir iş forması kimi ciddiyə almaq düzgündür.

  9. 13
  10. 14
  11. 15

    Zamanlı forma doğrulaması üçün yaxşılıq haqqında yazdığınızı bir az əyləncəli hesab edirəm və bununla belə, yazının altındakı şərh formanız bunların heç birini təmin etmir ...

    Düşüncələrinizi internetə yazmaq üçün WordPress-dən istifadə etdiyinizi, bəlkə də təbliğ etdiyiniz şeyləri tətbiq etməyinizi təmin etməyinizin də pis bir fikir olmadığını başa düşürəm. 🙂

    Yeri gəlmişkən, yaxşı bir yazı, yazdığınız bütün fikirlərlə mütləq razılaşmasam da.

    • 16

      Doh! Sən məni dağıtdın, Amanda! Kaş ki, daha yaxşı forma doğrulaması etməyə və onu WordPress-ə inteqrasiya etməyə vaxtım olsaydı. Mən xüsusilə istəyirəm Adobe Spry doğrulama çərçivəsi və kiminsə ikisini birləşdirdiyini görmək istərdim!

      Təşəkkürlər! (Və hər zaman hər mövzuda çoxsaylı fikirlərin olduğunu qiymətləndirirəm).
      Doug

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.