Validar les dades introduïdes pels usuaris amb jQuery i PHP

Validar el nostre client s'ha convertit en la forma més fàcil gràcies a jQuery, però per ser realment segurs que l'entrada d'usuari ha estat sempre tal i com esperàvem que seria una bona idea per duplicar veure el costat del servidor.

Però si fem servir AJAX per comunicar-se amb el servidor (i per tant amb PHP per exemple) podem decidir delegar tots els controls directament al servidor.

Preparació de l'ocurrència

Per al nostre exemple, és evident que necessitem jQuery UI, PHP i jQuery dels fidels

En el moment de la redacció del paquet de jQuery UI conté la versió 1.8.10 del guió i jQuery 1.4.4, així que no cedeixi a la temptació d'utilitzar el nou jQuery 1.5 que he descrit aquí, i "estar satisfet" del paquet de propostes.

Hem escollit un tema tema neutral de rodets Ui :

Llavors anem a descarregar el que necessitem:

Ens trobem en el paquet descarregat. "Js" jQuery útils i jquery-ui-1.4.4.min.js 1.8.10.custom.min.js-dins de la carpeta js, css a la carpeta i podem desfer-nos del mateix nom el desenvolupament conjunt de carpetes i arxius com index.html

Estructurem tot l'arbre de manera coherent i aquest és el resultat que es mostra com Eclipse :

Com es pot veure en la imatge que hem afegit un arxiu index.html a l'arrel, un index.js en JS i CSS en un style.css, també hem creat una carpeta "php" amb un fitxer dins: que remote.php tenir cura de les validacions del costat del servidor.

L'escenari

Imagineu en aquest article per crear un formulari simple per a l'adquisició de les dades del usuari per tal de guardar en una base de dades hipotètics dels contactes.

Ens centrarem en la validació dels camps d'entrada de l'usuari i no l'emmagatzematge de dades reals, que està més enllà dels nostres propòsits, llavors és suficient per posar en la posició correcta de l'anomenada base de dades per a la inclusió de la informació adquirida. Anem a utilitzar el component d'interfície d'usuari de diàleg jQuery per mostrar alertes l'usuari, pel que té alguna cosa més agradable a la vista, clàssics moderns d'alerta que proporciona el navegador.

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