cValidate 1.1 - sprawdzanie formularzy za pomocą Java Script
Kilka lat temu z potrzeby chwili napisałem skrypt do sprawdzania formularzy HTML za pomocą JavaScript przed ich wysłaniem - miał on z założenia być prosty i służyć do weryfikowania formularzy kontaktowych, składających się głównie z pól tekstowych tj. "imię i nazwisko", "adres e-mail" oraz "treść wiadomości".
Z czasem skrypt ewoluował, został dodany do firmowego CMSu i zaczął być szerzej używany. Postanowiłem nieco odświeżyć kod - wzbogacić go o parę opcji i przerobić na obiektowy. W ten sposób vForm przekształcił się w cValidate i dorobił numerka 1.1
Sam skrypt można zobaczyć w akcji i przetestować on-line. Będę wdzięczny za uwagi, jeżeli komuś coś nie działa lub działa nie poprawnie.
Instalacja skryptu jest banalnie prosta - wystarczy dołączyć do strony bibliotekę, do pól, które chcemy sprawdzić dodać odpowiednie klasy (więcej na ten temat na stronie demonstracyjnej oraz w samym źródle skryptu) i przed wysłaniem formularza wywołać metodę cValidate.validate(obj) (gdzie obj to Obiekt formularza do sprawdzenia).
P.S. Proszę wziąć pod uwagę, że nie ma to być rozbudowany skrypt opierający się na rozbudowanych bibliotekach pokroju jQuery czy MooTools więc jego możliwości są ograniczone - przypominam, że ma służyć on raczej do weryfikacji prostych formularzy kontaktowych oraz być łatwy i szybki do implementacji.
Komentarze
Komentarz użytkownika Michał Górny
10 07 2009Klasy? ;f. Bardziej by przydał się jakiś skrypt, emulujący WebForms dla zacofanych przeglądarek.
Komentarz użytkownika Paweł Ciupak
10 07 2009„WebForms dla zacofanych przeglądarek”
WebForms nie jest jeszcze standardem, Misiek.
Komentarz użytkownika Michał Górny
10 07 2009WebForms nie będzie standardem, bo porzucili je na rzecz zintegrowania rozwiązań w HTML5. Co nie zmienia faktu, że jest lepszym rozwiązaniem niż klasy — chociażby dlatego, że jest przeglądarka, które je ładnie obsługuje.
Komentarz użytkownika Marcin
11 07 2009Zrób coś z tym alertem bo aż odrzuca. dźwięk, popup i kolor po prostu odstraszają.
Też miałem coś takiego na stronie firmy i ilość wypełnianych formularzy była bliska zero na dzień. Zmieniłem na coś takiego http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ i ilość od razu poszła do góry. Tylko, że jest to rozwiązanie oparte na jquery, a tego nie chcesz. Przyjrzyj się jednak alertom.
Komentarz użytkownika Bartosz "BTM" Szczec
11 07 2009Alert nie jest częścią klasy tylko efektem jej wykonania.
Komentarz użytkownika Marcin
11 07 2009Sam skryp działa poprawnie ale usability przez ten alert niestety obrywa.
Komentarz użytkownika Bartosz "BTM" Szczec
11 07 2009Jeszcze raz, powtażaj za mna "alert", "nie jest" "częścią" "skryptu".
Jest tytołany przez fakt, że metoda validate zwraca false. Możesz zamiast alertu wstawić sobie dowolną inną funkcję, serio serio.
Komentarz użytkownika Marcin
11 07 2009W zasadzie to masz rację. Wpis jest o skrypcie a ja się czepiam szczegółów. No ale ja już chyba tam mam, takie zboczenie zawodowe :)
Komentarz użytkownika Bzytek
24 09 2009jeszcze nie wgrałem stronki która ma wstawiony ten sposób walidacji ..po prostu nie "odpala" mi programu pocztowego po zastosowaniu skryptu
Komentarz użytkownika Bzytek
24 09 2009skrypt rzeczywiście sprawdza ale nie chce wysyłac formularza
Komentarz użytkownika BTM
24 09 2009@Bzytek: może dla tego, że jest return false w onsubmit w
<
form>?
Skrypt działa poprawnie - jeżeli nie wypełniłeś formularza poprawnie - jest komunikat. W innym wypadku go nie ma.
Skrypty odpalające program pocztowy to relikt lat 1990 więc nie spodziewaj się takiej akcji.
Komentarz użytkownika siechnice
16 04 2010wspaniały skrypt ! Działe bez problemu.
