Müştəri Tərəfli Forma Doğrulaması
Web formaları doldurarkən, istifadəçi tərəfindən daxil edilən məlumatların düzgün formatda olduğunu və tələb olunan bütün sahələrin doldurulduğunu yoxlamaq vacibdir. Müştəri tərəfli forma doğrulaması, istifadəçinin daxil etdiyi məlumatların formanın müxtəlif sahələrində müəyyən edilmiş tələblərə uyğun olub-olmadığını təmin edir.
Bu məqalə, müştəri tərəfli forma doğrulamasının əsas anlayışları və nümunələri ilə tanış edəcək.
Əsas Tələblər: HTML, CSS və JavaScript haqqında əsas məlumatlara sahib olmaq.
Hədəf: Müştəri tərəfli forma doğrulamasının nə olduğunu, bunun niyə vacib olduğunu və müxtəlif üsullarla necə tətbiq olunduğunu anlamaq.
Müştəri tərəfli doğrulama, yaxşı istifadəçi təcrübəsinin əsas elementidir. Çünki səhv məlumatlar müştəri tərəfində dərhal düzəldilə bilər. Əgər məlumat serverə göndərilərsə və sonra rədd edilərsə, istifadəçinin məlumatını düzəltmək üçün ciddi bir gecikmə yaşanır.
Ancaq müştəri tərəfli doğrulama tək başına təhlükəsizlik tədbiri hesab edilə bilməz! Hər zaman həm müştəri, həm də server tərəfində doğrulama aparılmalıdır. Çünki müştəri tərəfli doğrulama asanlıqla keçilə bilər və zərərli istifadəçilər səhv məlumatları serverə göndərə bilərlər.
Forma Doğrulama Nədir?
Hər hansı məşhur bir qeydiyyat formasına baxsanız, gözlənilən formata uyğun məlumat daxil etmədikdə geri bildirim alacağınızı görəcəksiniz. Məsələn:
• “Bu sahə tələb olunur” (Bu sahə boş buraxıla bilməz).
• “Telefon nömrənizi xxx-xxxx formatında daxil edin” (Xüsusi məlumat formatı tələb olunur).
• “Düzgün bir e-poçt ünvanı daxil edin” (Daxil etdiyiniz məlumat düzgün formatda deyil).
• “Şifrəniz 8-30 simvol arasında olmalı və bir böyük hərf, bir simvol və bir rəqəm içerməlidir.” (Çox xüsusi məlumat formatı tələb olunur).
Bu, forma doğrulaması adlanır. Daxil etdiyiniz məlumatların doğru formatda olub-olmaması, brauzer və ya web server tərəfindən yoxlanılır. Brauzer tərəfindən edilən doğrulama müştəri tərəfli doğrulama, server tərəfindən edilən doğrulama isə server tərəfli doğrulama adlanır. Bu məqalə müştəri tərəfli doğrulama üzərində cəmləşir.
Daxil edilən məlumat düzgün formatda olduqda, tətbiq məlumatı serverə göndərməyə icazə verir və (adətən) verilənlər bazasında saxlanılır. Əgər məlumat düzgün formatda deyilsə, istifadəçiyə səhv barədə məlumat verilir və düzəliş etmək üçün bir daha cəhd etməsi istənir.
Müştəri Tərəfli Forma Doğrulamasının Üç Əsas Məqsədi:
1. Doğru məlumatı, doğru formatda əldə etmək: Tətbiqlərimiz düzgün formatda, doğru məlumat alınmazsa düzgün işləməyəcək.
2. İstifadəçilərin məlumatlarını qorumaq: Güvənli şifrələrin daxil edilməsini təmin edərək istifadəçi hesablarını daha yaxşı qoruyuruq.
3. Özümüzü qorumaq: Zərərli istifadəçilər düzgün doğrulama edilməmiş formaları istifadə edərək tətbiqə zərər verə bilər.
Müştəri Tərəfli Doğrulama Növləri
Webdə qarşılaşacağınız iki əsas müştəri tərəfli doğrulama növü var:
• HTML forma doğrulaması: HTML atributları form sahələrinin hansı formatda olmalı olduğunu və hansının doldurulmasının tələb olunduğunu təyin edir.
• JavaScript forma doğrulaması: JavaScript, HTML forma doğrulamasını inkişaf etdirmək və ya fərdiləşdirmək üçün istifadə olunur.
Əsas HTML Doğrulama Atributları
Bir çox istifadəçi məlumatını JavaScript istifadə etmədən doğrulamağa imkan verən HTML atributları ilə doğrulama etmək mümkündür:
• required: Bu atribut, forma sahəsinin doldurulmasının mütləq olduğunu göstərir.
• minlength və maxlength: Mətn məlumatının minimum və maksimum uzunluğunu təyin edir.
• min, max və step: Nümerik dəyərlər üçün minimum və maksimum limitlər və artırılma miqdarı (step) təyin edir.
• type: Məlumatın hansı növ olmasını (məsələn, rəqəm, e-poçt və s.) göstərir.
• pattern: Daxil edilən məlumatın uyğun olmalı olduğu bir regular ifadə təyin edir.
Əgər forma sahəsində daxil edilən məlumat bu atributlarla müəyyən edilmiş qaydalara uyğun gəlirsə, məlumat düzgün sayılır. Əks halda, məlumat qeyri-düzgün sayılır.
Əlavə Təkliflər
Formanın doğrulamasını etmək üçün aşağıdakı əsas HTML atributlarını da nəzərə alın:
• required: Sahənin doldurulması tələb olunur.
• minlength və maxlength: Mətn uzunluğunun müəyyən edilməsi.
• pattern: Daxil edilən məlumatın uyğun bir nümunəyə uyğun olması təmin edilir.
Pulsuz digər resurslar:
Məqalə: web.dev ilə Formları Öyrənin
Məqalə: W3Schools: JavaScript Forma Doğrulaması
Növbəti mövzular:
Açar sözlər:Müştəri tərəfli forma doğrulaması, Web formaları doğrulaması, HTML forma doğrulama, JavaScript forma doğrulaması, Forma doğrulama atributları, HTML formalarında doğrulama, İnteraktiv formalar, Müştəri təcrübəsi (UX) optimallaşdırması, Form məlumatları doğrulaması, Web təhlükəsizliyi və doğrulam, Forma doğrulama nümunələri, HTML5 doğrulama metodları, JavaScript ilə forma doğrulama, SEO dostu forma doğrulama, HTML formalar üçün doğrulama qaydaları, Təhlükəsiz web formaları yaratmaq, Doğru məlumat formatı doğrulaması, Web forması doğrulama tətbiqləri, E-poçt doğrulama formaları, Şifrə doğrulama qaydaları
Bir cavab yazın