Recherche javascript contrôle case à cocher
Dernière réponse : dans Programmation
Je cherche un script qui me permette de vérifier si une case à cochr est validée avent la validation d'un formulaire. Il faut également que je puisse afficher un message d'alerte si ce n'est pas le cas.
Quelqu'un peut-il m'aider ?
merci d'avance
Quelqu'un peut-il m'aider ?
merci d'avance
Autres pages sur : recherche javascript controle case cocher
Lassé par la pub ? Créez un compte
Salut,
Voila, à adapter...
<form action="mapage.html" method="post" name="monformulaire" onSubmit="return CheckCase()">
<input type="checkbox" name="macase" value="1">
<input type="submit" value="OK">
</form>
<script type="text/javascript">
function CheckCase(){
if (document.monformulaire.macase.checked == false){
alert('Vous DEVEZ cocher la case avant de valider le formulaire !");
return false;
} else {
return true;
}
<script>
Dans la page suivante, tu récupères la variable $_POST["macase"] = 1 puisqu'elle a été cochée ( note que si tu soumets le formulaire sans cocher la case, tu ne récupères pas la variable... )
Voili, bon courage !
PS : attention, le forum a supprimé "i n p u t t y p e" avant les signes égal dans le formulaire. A rajouter manuellement....
Voila, à adapter...
<form action="mapage.html" method="post" name="monformulaire" onSubmit="return CheckCase()">
<input type="checkbox" name="macase" value="1">
<input type="submit" value="OK">
</form>
<script type="text/javascript">
function CheckCase(){
if (document.monformulaire.macase.checked == false){
alert('Vous DEVEZ cocher la case avant de valider le formulaire !");
return false;
} else {
return true;
}
<script>
Dans la page suivante, tu récupères la variable $_POST["macase"] = 1 puisqu'elle a été cochée ( note que si tu soumets le formulaire sans cocher la case, tu ne récupères pas la variable... )
Voili, bon courage !
PS : attention, le forum a supprimé "i n p u t t y p e" avant les signes égal dans le formulaire. A rajouter manuellement....
A priori ça ne colle pas avec mon précédent scriot qui vérifie mes autres champs.
Voilà ce que j'ai
En script :
<script language="JavaScript">
thiscontact=contactwwoof;
<!-- // Debut script verification formulaire
//
// Validation des champs de saisie avant l'appel de la page
// de traitement.
//
var strError = new Array("Veuillez renseigner vos nom et prÈnom dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre adresse e-mail dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez vÈrifier votre adresse e-mail, s'il vous plaÓt.",
"Veuillez renseigner votre rue dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre ville dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre code postal dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre pays dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez cocher la case d'acceptation des conditions, s'il vous plaÓt.");
//
function IsName(nomprenom) {
if ((nomprenom.value == "") || (nomprenom.value.length < 1) ) {
return false;
}
return true;
}
function IsMail1(Email) {
if (Email.value == "") {
return false;
}
return true;
}
function IsMail2(Email) {
if ((Email.value.indexOf("@") ==-1) || (Email.value.indexOf(".") ==-1)) {
return false;
}
return true;
}
function Isrue(rue) {
if ((rue.value == "") || (rue.value.length < 1) ) {
return false;
}
return true;
}
function Isville(ville) {
if ((ville.value == "") || (ville.value.length < 1) ) {
return false;
}
return true;
}
function Iscode(code) {
if ((code.value == "") || (code.value.length < 1) ) {
return false;
}
return true;
}
function Ispays(pays) {
if ((pays.value == "") || (pays.value.length < 1) ) {
return false;
}
return true;
}
function EmitError(Error, pObj) {
// Erreur formulaire
alert(strError[Error]);
pObj.focus();
return false;
}
function EmitSimpleError(Error) {
// Erreur formulaire
alert(strError[Error]);
return false;
}
function ValidModif() {
var Error = -1
// Validation des champs
var tmp=null;
tmpObj = document.formulaire.nomprenom
if (! IsName(tmpObj)) return EmitError(0, tmpObj);
tmpObj = document.formulaire.Email
if (! IsMail1(tmpObj)) return EmitError(1, tmpObj);
if (! IsMail2(tmpObj)) return EmitError(2, tmpObj);
tmpObj = document.formulaire.rue
if (! IsName(tmpObj)) return EmitError(3, tmpObj);
tmpObj = document.formulaire.ville
if (! IsName(tmpObj)) return EmitError(4, tmpObj);
tmpObj = document.formulaire.code
if (! IsName(tmpObj)) return EmitError(5, tmpObj);
tmpObj = document.formulaire.pays
if (! IsName(tmpObj)) return EmitError(6, tmpObj);
tmpObj = document.formulaire.accepte
if (! IsName(tmpObj)) return EmitError(7, tmpObj);
if (Error == -1) {
// Si Pas d'erreur
document.formulaire.formcontact.value=thiscontact;
// window.open('http://www.wwoof.fr/php/form.php','Wwoof','height=300,width=500,scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no');
document.formulaire.submit();
return true;
}
}
function submitit() {
ValidModif();
}
function CheckCase(){
if (document.formulaire.accepte.checked == false){
alert('Vous DEVEZ cocher la case avant de valider le formulaire !");
return false;
} else {
return true;
}
// End -->
</script>
pour mon form
<form name="formulaire" method="post" action='http://www.wwoof.fr/php/form.php' >
<input type="hidden" name="formulaire" value="">
<input type="hidden" name="typeinfo" value="formulaire">
...
</form>
pour ma case à cocher
<input type="checkbox" name="accepte" value="OUI">
pour mon bouton valider que j'ai mis en texte + lien
<a href="javascript:submitit();" class="texte">
VALIDER </a>
Voilà ce que j'ai
En script :
<script language="JavaScript">
thiscontact=contactwwoof;
<!-- // Debut script verification formulaire
//
// Validation des champs de saisie avant l'appel de la page
// de traitement.
//
var strError = new Array("Veuillez renseigner vos nom et prÈnom dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre adresse e-mail dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez vÈrifier votre adresse e-mail, s'il vous plaÓt.",
"Veuillez renseigner votre rue dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre ville dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre code postal dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez renseigner votre pays dans le champ prÈvu ‡ cet effet, s'il vous plaÓt.",
"Veuillez cocher la case d'acceptation des conditions, s'il vous plaÓt.");
//
function IsName(nomprenom) {
if ((nomprenom.value == "") || (nomprenom.value.length < 1) ) {
return false;
}
return true;
}
function IsMail1(Email) {
if (Email.value == "") {
return false;
}
return true;
}
function IsMail2(Email) {
if ((Email.value.indexOf("@") ==-1) || (Email.value.indexOf(".") ==-1)) {
return false;
}
return true;
}
function Isrue(rue) {
if ((rue.value == "") || (rue.value.length < 1) ) {
return false;
}
return true;
}
function Isville(ville) {
if ((ville.value == "") || (ville.value.length < 1) ) {
return false;
}
return true;
}
function Iscode(code) {
if ((code.value == "") || (code.value.length < 1) ) {
return false;
}
return true;
}
function Ispays(pays) {
if ((pays.value == "") || (pays.value.length < 1) ) {
return false;
}
return true;
}
function EmitError(Error, pObj) {
// Erreur formulaire
alert(strError[Error]);
pObj.focus();
return false;
}
function EmitSimpleError(Error) {
// Erreur formulaire
alert(strError[Error]);
return false;
}
function ValidModif() {
var Error = -1
// Validation des champs
var tmp=null;
tmpObj = document.formulaire.nomprenom
if (! IsName(tmpObj)) return EmitError(0, tmpObj);
tmpObj = document.formulaire.Email
if (! IsMail1(tmpObj)) return EmitError(1, tmpObj);
if (! IsMail2(tmpObj)) return EmitError(2, tmpObj);
tmpObj = document.formulaire.rue
if (! IsName(tmpObj)) return EmitError(3, tmpObj);
tmpObj = document.formulaire.ville
if (! IsName(tmpObj)) return EmitError(4, tmpObj);
tmpObj = document.formulaire.code
if (! IsName(tmpObj)) return EmitError(5, tmpObj);
tmpObj = document.formulaire.pays
if (! IsName(tmpObj)) return EmitError(6, tmpObj);
tmpObj = document.formulaire.accepte
if (! IsName(tmpObj)) return EmitError(7, tmpObj);
if (Error == -1) {
// Si Pas d'erreur
document.formulaire.formcontact.value=thiscontact;
// window.open('http://www.wwoof.fr/php/form.php','Wwoof','height=300,width=500,scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no');
document.formulaire.submit();
return true;
}
}
function submitit() {
ValidModif();
}
function CheckCase(){
if (document.formulaire.accepte.checked == false){
alert('Vous DEVEZ cocher la case avant de valider le formulaire !");
return false;
} else {
return true;
}
// End -->
</script>
pour mon form
<form name="formulaire" method="post" action='http://www.wwoof.fr/php/form.php' >
<input type="hidden" name="formulaire" value="">
<input type="hidden" name="typeinfo" value="formulaire">
...
</form>
pour ma case à cocher
<input type="checkbox" name="accepte" value="OUI">
pour mon bouton valider que j'ai mis en texte + lien
<a href="javascript:submitit();" class="texte">
VALIDER </a>
Lassé par la pub ? Créez un compte
- Contenus similaires :
Tags :
- solutionsRésoluCases à cocher
- Forum<javascript> Ajouter une CASE à COCHER dans cette BOITE de DIALOGUE
- ForumCase à cocher obligatoire sur Frontpage
- Forumproblème de case à cocher
- ForumExcel Case à cocher
- ForumCase à cocher
- ForumRemplacer une case à cocher par un "hidden"
- ForumCase grisé javascript
- ForumPeut_on améliorer les cases à cocher ?
- Forum[VBS] Fenpêtre avec des cases a cocher
- Voir plus