Overenie údajov zadaných užívateľovi s jQuery a PHP

Overiť našej strane klienta formou sa stala veľmi ľahké vďaka jQuery, ale musí byť naozaj istí, že vstup užívateľa bola poskytnutá rovnako ako oni očakávali, je to dobrý nápad kopírovať Pozrite sa na strane servera.

Ale ak budeme používať AJAX pre komunikáciu so serverom (a teda s PHP napríklad), môžeme sa rozhodnúť delegovať všetky kontroly priamo na server.

Príprava vzniku

Pre náš príklad sme samozrejme treba jQuery, PHP a jQuery UI veriacich

V čase písania, jQuery UI balíček obsahuje verzii 1.8.10 a 1.4.4 pre jQuery skript, takže sa nemusíte vzdať sa pokušeniu použiť nový jQuery 1.5, ktorú som opísal tu a "byť spokojný" navrhovaného balíčka.

Vyberte si tému neutrálnu tému valec Ui :

Potom sme sa ísť na to, čo potrebujeme k stiahnutiu:

V balení sú stiahnuté. "JS" užitočný jQuery a jQuery-ui-1.4.4.min.js-1.8.10.custom.min.js vnútri zložky js, css zložky vnútri rovnaké meno a môžeme oslobodiť rozvoj zväzku súborov a zložiek ako index.html

My všetci v konštrukcii stromov, a to je výsledok ukazuje, že v Eclipse :

Ako môžete vidieť na obrázku sme pridali súbor index.html v koreňovom adresári, index.js v JS a CSS v style.css, sme tiež vytvorili zložku "php" sa súboru vnútri: je remote.php starať sa o server-side validáciu.

Scenár

Obrázky v tomto článku vytvoriť jednoduchý formulár pre získanie užívateľských údajov za účelom ich uloženia v hypotetickom databázy kontaktov.

Zameriame sa na validáciu polí zadané užívateľom a nie skutočné ukladanie dát, ktorý je mimo naše účely je potom stačí dať do správnej polohy v databáze výzvu na zaradenie získaných informácií. Budeme využívať jQuery ponúknuté Ui upozorňuje užívateľa na show, takže budete mať niečo na pohľad pekný, moderný klasiky upozornenia poskytované v prehliadači.

• <<
• 1
• 2
• 3
• 4
• >>