<script type="text/javascript">
function verifs(){
////// un bloc pour tester un champ
var obj1=document.getElementById('email');
if(obj1.value==""){
alert("Vous devez saisir votre email!!");
return false;
}
/////
//tu mets autant de blocs de test que de champs à tester
//test validité email
var exp=new RegExp("^[\\w\\-]+(\\.[\\w\\-]+)*@[\\w\\-]+(\\.[\\w\\-]+)*\\.[\\w\\-]{2,}$", "i");
if(obj1.value !="" && !exp.test(obj1.value.value)){
var obj2=document.getElementById('case1');
if(obj2.checked!=true){
alert("Vous devez cocher la case !!");
return false;
}
return true
}
</script>
et dans ton formulaire:
<form name="...." method="...." action="..." onSubmit="return verifs();">
<input type="text" name="email" id="email" value="">
<input type="checkbox" name="...." id="case1" value="...">
</form>
<script type="text/javascript">
function verif_case(id_case){
var obj=document.getElementById(id_case);
if(obj.checked!=true){
alert("Vous devez cocher la case !!");
return false;
}
return true
}
</script>
et dans ton formulaire:
<form name="...." method="...." action="..." onSubmit="return verif_case('case1');">
<input type="checkbox" name="...." id="case1" value="...">
</form>
Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.
Merci Dolmenhir, j'ai vu le lien, et je crois que c'est vraiment une bonne idée que l'utilisateur ne puisse valider que s'il coche la case, si tu pouvais donner plus d'explication sur la methode que tu as utilisé, j'en serait vraiment content,
La recette est très simple.
Je ne parlerai pas de la formule de vérification du formulaire, voisine de cette que décris Alain_42
Elle n'est pas obligatoire... mais cela rend bien service quand même de vérifier s'il les champ sont bien saisis, voir même si leur type contenu correspond à ce que l'on attend (lettre, chiffre, email...)
Bon, ma procédure d'activation/désactivation du bouton submit (et donc de la fonction submit) est la suivante :(en la relisant je me suis rendu compte qu'elle avait une grosse lacune. Je l'ai corrigée et un peu dépoussiérée.)
1. je crée une fonction appelée ici Agree
function Agree() { if(document.contact.agree.checked == true) { document.contact.valid.disabled = false; } else { document.contact.valid.disabled = true; } }Elle vérifie une condition :
le statut "checked" de l'élément portant le nom "agree' du formulaire "contact" du document en cours (document.contact.agree.checked) est-il vrai (true) ?
Si oui, le statut "disabled" de l'élément "valid" du formulaire "valid" du document en cours est mis à false (faux), donc activé: document.contact.valid.disabled = false
Bref, si la case est cochée j'active le bouton
Sinon (else)
Cela signifiq ue la case n'est pas cochée (pas true) et donc le statut "disabled" de l'élément "valid" du formulaire "valid" du document en cours est mis à true (vrai), donc désactivé: document.contact.valid.disabled = true
bref, si la case n'est pas cochée le bouton est désactivé.
J'appelle cette procédure quand on clique sur la case, donc je place dans l'objet un appel à cette procédure :
onClick="Agree()"
Mais !
J'ai mis un bouton Annuler, sensé lancer un "reset() et donc remettre à zéro ou à leur valeur d'origine (celle indiqué par l'attribut value de l'objet) les éléments du formulaire .
Cela veut dire qu'il faut là aussi, tester la valeur de la case à cocher : onClick="Agree().
Donc, je remet à zéro et je teste la valeur de la case à cocher.
Certes, je sais, que la case sera remise à son état initial donc décochée (mon formulaire s'ouvre ainsi.
Mais si je ne fais pas cette vérification, le bouton d'envoi sera activé... Pourquoi ?
parce que en cochant la case, je l'active, et en cliquant sur Annuler je remets les champs à "zéro"...
Mais l'état désactivé du bouton n'est pas une valeur, mais un statut... il ne sera donc pas impacté.
Donc, pour résumer, si je ne mets pas onClick="Agree() dans le bouton Annuler, il suffit de cocher la case puis de faire Annuler pour pouvoir envoyer le formulaire.
J'espère que reste clair dans mes explications, mais par l'exemple, les choses sont vite évidentes.
Dernière chose, je mets pas (voire jamais) de bouton submit, ni reset.
J'utilise des objets de type "button" dans lesquels je place l'appel de la procédure concernée :on reset() et onSubmit()
Pourquoi ?
Parce que dans un formulaire disposant d'un vrai bouton submit, une simple pression de la touche "Enter" du clavier, peut suffire à envoyer le message... et je n'y tiens pas.
Par ailleurs, pour embêter certains robots, la procédure submit() requiert une action coté utilisateur.
Voilà, en espérant t'avoir éclairé.
Dol.
Au cours de ma recherche sur le site je viens de lire votre proposition qui m'intéresse aussi mais sur Access.
Car je cherche aussi comment je peux impliquer "le cochage" d'une case à cocher lors d'une validation. Pour éviter de poser la question à l'utilisateur. Mais même en posant la question ça m'intéresse!
Seriez-vous adapter votre code à Access, SVP ?
Merci