Montrant un alert() de la boîte de dialogue si un formulaire n'est pas valide valeurs
J'ai un formulaire simple qui accepte un Titre et un Contenu variable à partir d'une zone de texte et un textarea. Le formulaire doit envoyer ses données vers un fichier appelé add-post.php
. Cependant, je suis à la recherche d'un moyen pour avertir l'utilisateur que soit la zone de texte ou le textarea a des données non valides (vide) dans le cas où ils cliquez sur le bouton de soumission.
Je pensais qu'un alert()
boîte de pop-up serait la meilleure idée, car il n'est pas redirigé vers une autre page et l'utilisateur ne perd jamais de leurs données (imaginez l'entrée d'un ensemble de beaucoup de texte, mais vous avez oublié un titre. L'envoi des données à add-post.php
et d'effectuer un contrôle, il y aura comme conséquence la perte de données pour l'utilisateur).
Cependant, je ne suis pas sûr de la façon de mettre en œuvre effectivement le alert()
popup. Comment pourrais-je faire en sorte que la vérification est effectuée APRÈS avoir cliqué sur le bouton soumettre, mais AVANT l'envoi des données le fichier. Tout conseil est le bienvenue.
add-post.php
?Vous pouvez utiliser une alerte, mais il serait un aspect plus professionnel si vous avez créé votre propre boîte d'alerte avec html et css, puis créé une instance avec javascript. javascript.internet.com/miscellaneous/custom-alert-box.html
OriginalL'auteur n0pe | 2011-10-24
Vous devez vous connecter pour publier un commentaire.
Sur votre formulaire d'ajouter quelque chose comme cela
Ensuite en javascript
Aussi comme d'autres l'ont dit jQuery le rend un peu plus facile. Je recommande fortement le jQuery Valider Plugin
Certaines personnes ne trouver la boîte d'alerte "ennuyeux", de sorte qu'il peut être préférable d'ajouter un message dans le DOM de laisser l'utilisateur de savoir ce qui doit être corrigé. Ceci est utile si il y a de nombreuses erreurs, que les erreurs seront plus persistant permettant à l'utilisateur de voir toutes les choses dont ils ont besoin pour être fixé. Encore une fois, le jQuery Valider plugin a cette fonctionnalité intégrée.
OriginalL'auteur Brombomb
Joindre un
onsubmit
événement pour la forme, etreturn false;
pour arrêter la soumission si la vérification échoue.OriginalL'auteur Niet the Dark Absol
Validation de formulaire avec Javascript. Ou plus facile avec jQuery.
Fondamentalement, valider le formulaire lorsque le bouton envoyer est cliqué (avec un onsubmit gestionnaire), et ensuite utiliser un alert() case si nécessaire. Par la façon dont, généralement, les gens la haine des boîtes d'alerte.
OriginalL'auteur Dhaivat Pandya
Vous avez un certain nombre d'options quand il s'agit de la validation côté client. Ce n'est qu'un.
Pour un plus en profondeur exemple découvrez ce lien
OriginalL'auteur Terrance