L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
113633 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Le village de ...
     Easy-script.com
     Poésie et cita...
     Les kits graph...
     La cuisine de ...
     Azote.org - no...
     Web creation ...
     Créer son site...
     Electroniq...
     Les autres
     Votre site ici ?


Verifier si un champ est renseigné

Script posté par :

krucial - (Site : L'éditeur JavaScript)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce script vous permet de verifier, avant d'envoyer un formulaire, si un champ a bien été renseigné.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 3 et +
 Internet Explorer : 3 et +


Chiffres :

Date de création : 13/04/2003
Dernière modif : -
Visites de la page : 72532
Envois par mail : 46421


Exemple :




Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De Mackoz - le 14-07-2005
Et Comment on peux l'appliquer a tous un formulaire je debute en Php
De Meutledaron - le 10-10-2005
Chez moi j'ai bien le message d'alerte mais le formulaire s'envoie quand meme après avoir cliquez sur Ok dans le message....
De shefford - le 15-12-2005
Un champ doit être REMPLI et non pas renseigné !
De caline - le 21-02-2006
Et bien, moi, je trouve ce script fort utile, même si on dit, en effet "remplir un champ".
Et puis, on peut le répéter, s'il y a plusieurs champs à valider:

if(formulaire.nom.value == "")
alert('Indiquez votre nom!!');
else if(formulaire.adresse1.value == "")
alert('Indiquez votre adresse !!'); else if(formulaire.adresse2.value == "")
alert('Indiquez votre code postal et votre ville !!');
else
formulaire.submit();
}
De black templar - le 26-03-2006
Chez moi aussi, quand je clique sur ok, il me met "pas de login" mais il charge quand même la page de connection...
De spongebob - le 07-04-2006
Quelqu'un a-t-il trouvé une solution pour résoudre le problème de la page qui se charge quand même après que la boite de dialogue "alert" soit aparue & ait été validée ???
De warfab - le 17-06-2006
Bonjour,
Il faut absolument que le bouton d'envoi soit un : <input type ="button"> et surtout pas : <input type ="submit">
voila
Bien à vous
De zoolrck - le 05-07-2006
Pour que le formulaire ne soit pas envoyé, il faut le code suivant :
<form action="/*votre action*/" onsubmi="return verifForm(this);">
....
<input type="submit" value="ok" />
</form>
Le "onsubmit" est très pratique à utiliser.
Bon code !
De franstein - le 11-02-2007
Sinon pour aller un tout petit peu plus loin (mais vraiment un peu^^):
function envoyer(pseudo, message)
{
//Là on a cliqué sur "envoyer"
if(document.formulaire.pseudo.value.length >= 3 && document.formulaire.message.value.length >= 3)//Si les zones de texte sont bien remplies et contiennent au moins 3 caractères chacun, on peut continuer
{
//On envoie ensuite le formulaire:
formulaire.submit();//Et on va avoir les variables suivantes (un peu de PHP ne fait pas de mal :p ):$_POST['message'] et $_POST['pseudo']


}//Sinon, on envoie juste un message d'erreur, sans rien "supprimer" du tout du formulaire du gars.
else
{
alert('Remplis bien tous les champs!');
}
}

Puis viens le petit bout de code HTML:
<form method="post" action="ma_page.php" name="formulaire" id="formulaire">
Pseudo (supérieur à trois caractères): <input type="text" id="pseudo" name="pseudo" /><br />
Message (au moins 3 caractères):<br />
<textarea name="message" id="message" rows="8" cols="35"></textarea>
<br />

<input type="button" name="envoyer" id="envoyer" value="Envoyer!" onClick="javascript:envoyerr(document.formulaire.pseudo.value, document.formulaire.message.value)"/>

</form>

Et voilà!

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Internet-hebergeur.fr
Hébergement grand public et pro à partir de 5 euros HT/mois.
http://www.internet-heber...
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
61267 membres
7164 comptes CountUs
1719 comptes myCircle

     LES FORUMS :
14 forums
39939 topics
190882 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Graphisme / Présentation" du jour par caaptusss
N'hésitez pas à utiliser les figures de styles (CSS) sur votre site web ! Elles vous permettent de modifier la police et les tableaux de votre page en un coup de souris ! En effet, toutes les règles d'affichages sont réunnient dans un seul fichier ! Le rêve non ?
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 14/03/2010 10:30:27 | Design by | Gen. en 0.335 sec.