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 əsassızdır.
  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 demədən əvvəl təqdim etməyimi gözləməyin.
  4. Tarix - Tarixin am / d / yyyy formatında olmasını istəyirsinizsə, 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ə sıçrayan və ya proqramlar arasında dəyərlər arasında bir tire qoyan bəzi 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 saxlaya bilərsiniz. İ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 simvolu 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

    I agree those are great features for forms, but saying that it is “inexcusable” to not do perform front end javascript validation is a more of an personal opinion. I love working in javascript, and have written some pretty neat editmasks to do some of the things you talk about, but a lot of them are far from trivial, and many of the javascript form validation packages out there have a number of big holes. Not everyone will invest the time into duplicating their back end validation with (more often than not) more complex front end javascript validation.

    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).

    If people are not doing this already in their forms, then they are just learning or the form is not important enough to use validation.

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

    • 8

      Jay,

      Sorry about that! My point was definitely not to provide developer feedback – I really was coming from the point of view of a Product Manager. I agree with you – but it’s interesting that some other developers don’t! I think that’s unfortunate.

      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! You busted me, Amanda! I do wish I had time to do better form validation and to integrate it into WordPress. I especially like the Adobe Spry doğrulama çərçivəsi və kiminsə ikisini birləşdirdiyini görmək istərdim!

      Thanks! (And I always appreciate that there are multiple opinions on any topic).
      Doug

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

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