begin process at 2010 02 10 10:08:22
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > OBLIGER UN UTILISATEUR DE COCHER UNE CHECKBOX POUR VALIDER UN FORMULAIRE.

OBLIGER UN UTILISATEUR DE COCHER UNE CHECKBOX POUR VALIDER UN FORMULAIRE.


 Information sur la source

Note :
Aucune note
Catégorie :Formulaire Classé sous :utilisateur, cocher, checkbox, valider, formulaire Niveau :Débutant Date de création :21/09/2008 Date de mise à jour :24/09/2008 18:25:08 Vu / téléchargé :4 999 / 253
Auteur : yoyo17560

Ecrire un message privé
Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note

 Description

Ce code oblige tous simplement l'utilisateur a cocher un casse pour valider un formulaire, par exemple le règlement de votre site.

Au départ on a une checkbox et un bouton grisé, une fois la checkbox cocher le bouton devient "normal" et le bouton est dégrisé.

Source

  • <html>
  • <head>
  • <script type="text/javascript">
  • function ChangeStatut(formulaire)
  • { formulaire.validation.disabled=!formulaire.regagree.checked; }
  • </script>
  • </head>
  • <body>
  • <form action="" methed="post">
  • <p><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" /> J'accepte le reglement</p>
  • <p><input type="submit" name="validation" value="S'enregistrer" disabled /></p>
  • </form>
  • </body>
  • ---------------------------------------------------------------------------------
  • Pour rediriger vers une nouvelle page:
  • action="ma_page.php"
<html>
<head>
<script type="text/javascript">
function ChangeStatut(formulaire)
{ formulaire.validation.disabled=!formulaire.regagree.checked; }
</script> 
</head>
<body>
<form action="" methed="post">
<p><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" /> J'accepte le reglement</p>

<p><input type="submit" name="validation" value="S'enregistrer" disabled /></p>
</form>
</body>

---------------------------------------------------------------------------------

Pour rediriger vers une nouvelle page:

action="ma_page.php"

 Conclusion

Ceci est ma première source a 15 ans histoire de démarrer, donc soyer pas trop méchant !
Bien sûr tous les commentaire sont les bienvenues !

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

21 septembre 2008 22:03:27 :
amélioration du code
21 septembre 2008 22:08:41 :
ajout d'une conclusion
24 septembre 2008 18:25:08 :
simplification du code avec la fonction que ma donner Bultez.

 Sources du même auteur

ROTATION DES ÉLÉMENTS D'UN PAGE WEB
Toutes les sources de yoyo17560

 Sources de la même categorie

Source avec Zip Source avec une capture CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

VERIFIER UNE ADRESSE E-MAIL par elmersaid
Source avec Zip Source avec une capture JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv
Source avec Zip UN CHAMP DE SAISIE DE DATE par guykoumba
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet
COCHER UN NOMBRE LIMITÉ DE CASES (CHECKBOX) DANS UN FORMULAI... par monsieurzouzou

Commentaires et avis

Commentaire de bultez le 22/09/2008 09:09:56

c'est gentil de nous mettre cette source...

function ChangeStatut(formulaire)
{ formulaire.validation.disabled=!formulaire.regagree.checked; }

@+

Commentaire de petifa le 22/09/2008 09:56:33

mouai simpatique ta source, et bien utile mais comme l'a dit bultez à simplifier :p

Commentaire de yoyo17560 le 22/09/2008 20:54:16

ok, je vais me pencher sur mon code afin de l'ameliorer. Je vais essayer avec la fonction de bultez auxquel je n'y avais pas penser.

Commentaire de sypher0 le 24/09/2008 08:07:54

super de commencer à coder à 15 ans :)

Commentaire de nicomilville le 24/09/2008 13:07:37

Salut,

Bonne source mais peut être beaucoup plus courte et simplifié...

@sypher0 : j'ai commencé a codé a 12(vb2005) ans lol !

a++

Commentaire de nshombo le 24/09/2008 15:55:22

je pnes pour ma part que votre code à le mérite d'être compréhensible par des bons débutants. j'explique donc pour les débutants le miracle que Bultez a accompli :
1. le =! est le contraire de ==
2. comme les deux lignes de codes sont identiques, mais ce qui est true dans l'un est false dans l'autre, alors vaut mieux écrire une seule ligne en disant que le disabled va prendre le contraire de la valeur du checked.
Voilà

Commentaire de nicomilville le 24/09/2008 16:00:18

Le point numéro 1 mérite une petite précision :

!= et =! c'est strictement la même chose !

a++

Commentaire de Arto_8000 le 25/09/2008 19:13:47

Nicomiville -> "!=" et "=!" c'est pas du tout la même chose ! "!=" c'est une opération de comparaison qui veut dire "n'est pas égale à". "=!" c'est une affection du contraire de la valeur.

Exemple :
valeur = (!true) // assigne le contraire de "true" à valeur //
5 != 2 // c'est une expression qui retourne vrai //

L'opération contraire du "=!" est tout simplement "=". Le "==" c'est un opérateur de comparaison et non d'affectation.

Commentaire de nicomilville le 25/09/2008 20:30:29

a mince, je ne connaissait pas cette possibilité, par exemple si je met :

var valeur = (!2);

ça veut dire que valeur est égal a -2 ?

a++

Commentaire de Arto_8000 le 26/09/2008 01:32:17

Le ! ça s'applique juste au valeur booléenne. !true == false et !false == true.

Commentaire de nicomilville le 26/09/2008 07:08:09

ok, merci, effectivement j'avais mal regardé le code de bultez, j'avais cru voir une comparaison mais en fait c'était une instruction...


a++

Commentaire de loupile le 21/10/2008 21:35:51

j'ai une question ..
je veux remplace le bouton submit par une image voilà donc ce que j'ai fais
<form action="/common/xt_frInsBenPkgUpdate.asp" method="post"><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" /> J'ai lu et j'accepte les conditions générales d'utilisations du "Pack Garanties".
     <br /><br />
     <input type="image" name="validation" src="img/btn_valid.gif" border="0" disabled="disabled" /> </input>
     </form>

mais rien à faire ca marche po ..
vous avez une idée ?
merci d'avance

Commentaire de nshombo le 23/10/2008 10:43:47

Pour LUPILE, essaie plutôt avec les feuilles de styles comme ceci par exemple :

<input type="submit" style="background:#ff0 url(img/btn_valid.gif);" name="validation" border="0" disabled />

donc, j'ai remis "submit" au lieu de "image", puis j'ai ajouté un style.
je préfère ainsi. le html pur pur a parfois des limites, il faut savoir et c'est pourquoi, il y a les compléments :javascript, css, etc.
    

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Lecture fin de TextArea [ par fresk13 ] Bonjour à tous. Voila, je travaille actuellement sur un projet en PHP. Lors de l'inscription d'un utilisateur, avant l'apparition du formulaire d'insc Comment faire un formulaire avec vérification des données + checkbox [ par bulitt ] Bonjour, Je n'arrive pas à trouver un code javascript qui me satisfait entièrement. J'aimerai créer un formulaire d'inscription de la même forme q LIveValidation et les checkbox [ par cyberlp ] Bonjour,J'utilise LiveValidation (http://www.livevalidation.com/) qui fonctionne sur prototype.js, pour Cocher et décocher 2 checkbox automatiquement [ par shpfors ] Bonjour, A noter que je suis débutant. J'ai 2 tableaux pe_vari et pe_wavevari. J'aimerai que lorque je coche la checkbox pe_vari[1] une deuxième ch case à cocher [ par ericsandrine ] bonjour,j'ai un formulaire avec des cases à cocher mis en boucle par php &lt;input name="selectville[]" type="checkbox" value="&lt;?php $nom de la vil générer une planche contact photos à partir d'un formulaire [ par NEXUS6 ] Bonjour ! j'aimerais pouvoir réaliser un "générateur de planches contact de photos" sur mon site. Je m'explique : mon projet est d'avoir la possibilit interaction entre un formulaire et une base de donnée [ par rabebmsaddek ] j'ai un formulaire contenant des checkbox ,chacun correspont à un droit d'accée,un administrateur doit cocher les checkbox souhaités et  les envoyer  Valider un formulaire présent dans une page depuis un popup [ par Divinity78180 ] Bonjour, Après pas mal de recherche, j'ai trouvé au moins 5 façons différentes de valider un formulaire depuis une iframe ou encore un popup. Mon ch Comportements valider le formulaire ? [ par hvd ] Bonjour tout monde !  Je vousdrais avoir de renseignemnt au niveau de comportements. Voici le film de démonstration pour vous montrer mon problème : Checkbox et formulaire dynamique [ par petitelarve ] bonjour, Je cherche un moyen d'afficher des liste &lt;select&gt; et  des textearea suite au check sur une checkbox.Par exemble , si on click sur la ch


Nos sponsors


Sondage...

Comparez les prix


HTC Hero
Entre 550€ et 550€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,764 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)