![\":)\"](\"https:\/\/eriz.pcinside.pl\/weblog\/wp-includes\/images\/smilies\/e_smile.png\")
Wracaj\u0105c – za\u0142o\u017cy\u0142em sobie obs\u0142ug\u0119 kilku p\u00f3l:\n<\/p>\n<\/p>\n
- \n
- text<\/strong> – IMHO m\u00f3wi samo za siebie<\/li>\n
- longtext<\/strong> – wypociny do textarea<\/li>\n
- integer<\/strong> – dane liczbowe<\/li>\n
- select<\/strong> – lista wyboru<\/li>\n
- radio<\/strong> – radioboxy<\/li>\n
- checkbox<\/strong> –
![\":D\"](\"https:\/\/eriz.pcinside.pl\/weblog\/wp-includes\/images\/smilies\/e_laugh.png\")
<\/li>\n- file<\/strong> – plik<\/li>\n
- date<\/strong> – generuje trzy selecty na wyb\u00f3r daty<\/li>\n
- email<\/strong> – adres e-mail<\/li>\n
- password<\/strong> – has\u0142o+pole na potwierdzenie<\/li>\n
- IP<\/strong> – adres IP<\/li>\n<\/ul>\n
Oczywi\u015bcie po stronie go\u015bcia jest sprawdzanie, bo nie ma nic gorszego ni\u017c wklepanie wszystkiego, klikni\u0119cie „Wy\u015blij”, a tu potem klops – jedno pole niewype\u0142nione i jeszcze nie wiadomo kt\u00f3re to by\u0142o.<\/p>\n
Pocz\u0105tkowo m\u0119czy\u0142em si\u0119 z przekazywaniem informacji dotycz\u0105cych p\u00f3l do skrypt\u00f3w po stronie u\u017cytkownika. (X)HTML nie ma przecie\u017c pola typu IP<\/em> czy date<\/em>. Oczywi\u015bcie jest JSON, ale przy jego wykorzystaniu spada „przeno\u015bno\u015b\u0107” – definicja ka\u017cdego formularza musi zosta\u0107 przes\u0142ana osobno. Przyszed\u0142 mi do g\u0142owy za to inny pomys\u0142. Mianowicie, przekazywanie danych poprzez klasy (class<\/strong> w atrybutach znacznika). Okaza\u0142o si\u0119, \u017ce idea sprawdza si\u0119 znakomicie. Do tego odpowiednie ubranie formularzy i gra gitara
![\";)\"](\"https:\/\/eriz.pcinside.pl\/weblog\/wp-includes\/images\/smilies\/e_wink.png\")
<\/p>\n\nCo do samego sprawdzania poprawno\u015bci: Wcze\u015bniej m\u0119czy\u0142em si\u0119 z przeskakiwaniem przez document.forms<\/em> i document.getElementById<\/em>. G\u0142upiego robota, nie? Przypomnia\u0142em sobie jednak, \u017ce jest co\u015b takiego jak jQuery<\/a>. Dlaczego jQuery? Ze wzgl\u0119du na architektur\u0119, z kt\u00f3r\u0105 po prostu a\u017c chce si\u0119 pisa\u0107 aplikacje (tak, z pomoc\u0105 tego frameworka<\/a> ju\u017c mo\u017cna \u015bmia\u0142o pisa\u0107 aplikacje, a nie tylko zwyk\u0142e skrypty). Jest jeszcze Prototype<\/a>, ale brakuje mi w nim kilku funkcji, a jQuery jest lekki, ma wszystko, czego potrzeba, a nawet jeszcze wi\u0119cej. W JS<\/acronym> brakowa\u0142o mi np. PHP-owskiego odpowiednika foreach<\/em>. Du\u017co mniej trzeba si\u0119 dzi\u0119ki temu naklepa\u0107.
Wylicza\u0107 mo\u017cna d\u0142ugo, ale jeszcze z takich „nowinek” musz\u0119 wspomnie\u0107 cho\u0107by o \u0142atwiejszym dost\u0119pie do warstw, ustawianiu zdarze\u0144 i rozszerzalno\u015bci za pomoc\u0105 wtyczek. Na oficjalnej stronie<\/a> mo\u017cemy znale\u017a\u0107 kompletn\u0105 dokumentacj\u0119, odno\u015bniki do wielu stron pokazuj\u0105cych zastosowania frameworka wraz z opisami i „troch\u0119” wtyczek.<\/p>\nW opcjach walidacji mo\u017cna ustawi\u0107 np. maksymaln\u0105 i minimaln\u0105 d\u0142ugo\u015b\u0107\/warto\u015b\u0107 pola. Samo sprawdzanie przebiega w locie (podczas wprowadzania danych) oraz przy wysy\u0142aniu.<\/p>\n
Oczywi\u015bcie po stronie serwera dane s\u0105 r\u00f3wnie\u017c weryfikowane.
<\/p>\n","protected":false},"excerpt":{"rendered":"Prace nad Vexerianem ca\u0142y czas trwaj\u0105. Kilka kamieni milowych osi\u0105gni\u0119tych, par\u0119 kwestii wyja\u015bnionych, dzia\u0142a OK. Kolejn\u0105 „mil\u00f3wk\u0105” jest klasa obs\u0142ugi formularzy. Wychodz\u0105c z za\u0142o\u017cenia „pom\u0119cz\u0119 si\u0119 wcze\u015bniej, p\u00f3\u017aniej b\u0119dzie lu\u017aniej” postanowi\u0142em napisa\u0107 sobie kompleksow\u0105 klas\u0119 obs\u0142ugi formularzy. Pomys\u0142 wpad\u0142 mi do g\u0142owy po drodze, tylko nie pami\u0119tam ju\u017c do czego. Wracaj\u0105c – za\u0142o\u017cy\u0142em sobie obs\u0142ug\u0119 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[93,74],"_links":{"self":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts\/66"}],"collection":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":0,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts\/66\/revisions"}],"wp:attachment":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/media?parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/categories?post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/tags?post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- longtext<\/strong> – wypociny do textarea<\/li>\n