Ověření dat zadaných uživateli s jQuery a PHP

Ověřit naší straně klienta formou se stala velmi snadné díky jQuery, ale musí být opravdu jisti, že vstup uživatele byla poskytnuta stejně jako oni očekávali, je to dobrý nápad kopírovat Podívejte se na straně serveru.

Ale pokud budeme používat AJAX pro komunikaci se serverem (a tedy s PHP například), můžeme se rozhodnout delegovat všechny kontroly přímo na server.

Příprava vzniku

Pro náš příklad jsme samozřejmě třeba jQuery, PHP a jQuery UI věřících

V době psaní, jQuery UI balíček obsahuje verzi 1.8.10 a 1.4.4 pro jQuery skript, takže se nemusíte vzdát se pokušení použít nový jQuery 1.5, kterou jsem popsal tady a "být spokojený" navrhovaného balíčku.

Vyberte si téma neutrální téma válec Ui :

Pak jsme se jít na to, co potřebujeme ke stažení:

V balení jsou staženy. "JS" užitečný jQuery a jQuery-ui-1.4.4.min.js-1.8.10.custom.min.js uvnitř složky js, css složky uvnitř stejné jméno a můžeme osvobodit rozvoj svazku souborů a složek jako index.html

My všichni v konstrukci stromů, a to je výsledek ukazuje, že v Eclipse :

Jak můžete vidět na obrázku jsme přidali soubor index.html v kořenovém adresáři, index.js v JS a CSS v style.css, jsme také vytvořili složku "php" se souboru uvnitř: je remote.php starat se o server-side validaci.

Scénář

Obrázky v tomto článku vytvořit jednoduchý formulář pro získání uživatelských údajů za účelem jejich uložení v hypotetickém databáze kontaktů.

Zaměříme se na validaci polí zadané uživatelem a ne na samotný ukládání dat, který je mimo naše účely je pak stačí dát do správné polohy databáze výzvu k zařazení získaných informací. Budeme využívat jQuery nabídnuty Ui upozorňuje uživatele na show, takže budete mít něco na pohled hezký, moderní klasiky upozornění poskytované v prohlížeči.

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