Discussion :

[Enriac]

Bonjour

je travail sur un formulaire avec plusieurs submit et une fonction javascript qui vérifie les champs ou non du formulaire en fonction du submit.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function valider(f) {
 
		if( document.getElementById('demo').onclick ){
			return true;
		}
 
 		else if (f.email.value == '') {
			alert('Email empty !'); 
			return false;
 		}
 
		else {
			return true;
		}

Dans cette exemple (qui ne marche pas) j'aimerais que lorsque le client clic sur le bouton "demo" la fonction valider() prenne la valeur 'true' et envoie le formulaire au script php. Si jamais le client clique sur l'autre bouton, je vérifie qu'il a bien entré le mail, si c'est le cas on lance la suite sinon une alerte javascript.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<form method='post' action='/remap-dev/script/runtime.php' enctype='multipart/form-data' target=_blank onsubmit='return valider(this)'>
	<li style='list-style-type:none'>
		<label>Your e-mail adress : </label>
		<input type='text' name='email' /> (required) 
	</li>
	<li style='list-style-type:none'> 
		<input type='submit' name='run' value='Run' id='run'>
		<input type='submit' name='demo' value = 'Demo' id='demo' >
	</li>
</form>

Est-il possible d'avoir une tel architecture ?
- Si oui on sont mes erreurs ?
- Si non qu'elles sont mes autres possibilités ?

[NoSmoking]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if( document.getElementById('demo').onclick ){
    return true;
}

qu'essaies tu de faire avec ce code ?

[Enriac]

J'essaye de rendre la variable du formulaire vraie lorsque je clic sur le bouton de demo (je sais que c'est faux, normalement il doit y avoir une fonction après mais c'était pour expliquer mon problème)

[NoSmoking]

Tu peux donc faire un truc simple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='submit' name='demo' value = 'Demo' id='demo' onclick="this.form.test=true" >

et dans la fonction faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function valider(f) {
    if (f.test) { //document.getElementById('demo').onclick ){
        f.test = false; // pour prochain appel
        return true;
    } else if (f.email.value == '') {
        alert('Email empty !');
        return false;
    } else {
        return true;
    }
}

[Enriac]

ça marche super !
Au poils !

Pourrais tu confirmer ma compréhension.

En faite tu attributs à une variable 'test' de la fonction valider() la valeur 'true' , dont on vérifie l'exactitude qui, si est vraie deviens fausse pour le suivant ?

[freddou17]

Slt,

De ce que j'ai compris, je ferrais quelque chose du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<form method='post' id="monForm" action='/remap-dev/script/runtime.php' enctype='multipart/form-data' target=_blank>
	<li style='list-style-type:none'>
		<label>Your e-mail adress : </label>
		<input type='text' name='email' /> (required) 
	</li>
	<li style='list-style-type:none'> 
		<input type='button' name='run' value='Run' id='run' onclick="isDemoOuRun(this.value)">
		<input type='button' name='demo' value = 'Demo' id='demo' onclick="isDemoOuRun(this.value)">
	</li>
</form>

ton js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function isDemoOuRun(btnValue) {
   var myForm = document.getElementbyId("monForm");
   if("Demo" == btnValue){
        myForm.submit();
   }else if (myForm.email.value == '') {
        alert('Email empty !');
        return false;
    } else {
        myForm.submit();
    }
   }
}

Code non testé mais tu devrais pouvoir obtenir un comportement proche de ce que tu as décrit (enfin de ce que j'ai compris)

++

[NoSmoking]

Pas exactement, on affecte à la FORM, this.form, une propriété test que l'on passe à true si appui sur BUTTON démo.

[Enriac]

Merci de l'apport supplémentaire.

Plus j'ai de façon de coder ce que je veux faire, plus j’apprends

Edit : Merci pour la précision NoSmoking