onclik et condition if

Version imprimable

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:

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:

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 ?

28/04/2014, 13h46
NoSmoking
Bonjour,
Code:

1 2 3 if( document.getElementById('demo').onclick ){ return true; }
qu'essaies tu de faire avec ce code ?
28/04/2014, 13h51
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)

Tu peux donc faire un truc simple

Code:

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

et dans la fonction faire

Code:

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;
    }
}

28/04/2014, 14h06
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 ?

Slt,

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

Code:

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:

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) :D

++

28/04/2014, 14h10
NoSmoking

Pas exactement, on affecte à la FORM, this.form, une propriété test que l'on passe à true si appui sur BUTTON démo.
28/04/2014, 14h11
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