Valider les données entrées par les utilisateurs avec jQuery et PHP

Valider notre côté client forme est devenue très facile en raison de jQuery, mais pour être vraiment sûr que l'entrée utilisateur a été fourni tout comme ils s'attendaient à une bonne idée de dupliquer le vérifier du côté serveur.

Mais si nous utilisons AJAX pour communiquer avec le serveur (et donc avec PHP par exemple), nous pouvons décider de déléguer tous les chèques directement au serveur.

Préparation de la survenance

Pour notre exemple, nous avons évidemment besoin jQuery UI, PHP et jQuery des fidèles

Au moment de l'écriture, le paquet contient la version jQuery UI 1.8.10 et 1.4.4 du script jQuery, donc ne pas céder à la tentation d'utiliser les nouvelles jQuery 1.5 que j'ai décrite ici, et "se contenter" de la liasse proposé.

Choisissez un thème sujet neutre des rouleaux Ui :

On passe ensuite à télécharger ce que nous avons besoin:

Dans le paquet sont téléchargés. "JS" jquery utile et jquery-ui-1.4.4.min.js-1.8.10.custom.min.js l'intérieur du dossier js, css dossier à l'intérieur du même nom et nous pouvons nous libérer développement bundle dossier et de fichier index.html

Nous structurons le tout dans une ligne d'arbre et que le résultat le montre comme Eclipse :

Comme vous pouvez le voir dans l'image que nous avons ajouté un fichier index.html dans le répertoire racine, une index.js dans un js et css dans style.css, nous avons également créé un dossier "php" avec un fichier à l'intérieur: vous remote.php prendre soin de la validation côté serveur.

Le scénario

Images dans cet article pour créer un formulaire simple pour l'acquisition des données des utilisateurs afin de les enregistrer dans une base de données hypothétiques de contacts.

Nous allons nous concentrer sur la validation des champs saisis par l'utilisateur et non le stockage des données réelles, ce qui est au-delà de nos fins, il suffit alors de mettre dans la position correcte d'un appel base de données pour l'inclusion de l'information acquise. Nous allons faire usage de dialogue Component jQuery UI alerte l'utilisateur d'afficher, si vous avez quelque chose de plus agréable visuellement, classiques modernes d'alerte fourni par le navigateur.

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