Sélectionner un seul bouton dans une form avec plusieurs boutons

**Nelmo** · 09/09/2012, 16h28

Bonjour,

JE suis un novice en javascript. Je souhaite réaliser un controle basique(pour le moment) sur un formulaire de connexion : Champs en rouge si rien de saisie dans les différents champs. Le code ci-dessous fonctionne. Cependant, je suis bloqué sur le fait que le bouton permettant de créer un compte est soumis à la même regle que le bouton de login

J'ai tenté de nombreux truc pour tenter de sélectionner uniquement le bouton de classe .bouton_green mais rien ne marche hormis le fait de selectionner #form_auth ou #stylized

Quelqu'un pourrait m'aider à comprendre ce que je n'ai pas compris ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script type="text/javascript">
	  $(document).ready(function() {
	  $('#form_auth').bind('submit', function(){
 
	  var bReturn = true;
 
	  if ($("#login").val().length==0 ) {
	    $("#login").css({border:"solid 1px red"});
        bReturn = false;
	  }
	  if ($("#passwd").val().length==0 ) {
	    $("#passwd").css({border:"solid 1px red"});
	    bReturn = false;
	  }
	  return bReturn
	  })
	  }); 
	  </script>
 
  </head>
  <body>
    <div class="spacer0"></div>	
    <div id="stylized" class="auth">
      <form id="form_auth" name="form_auth" method="post" action="auth.php">
        <label>Username</label><input type="text" name="login" id="login" />
        <label>Password</label><input type="password" name="passwd" id="passwd" />
		<div class="spacer"></div>
		<button class="button_grey" type="submit">Create Account</button>
		<button class="button_green" name="button_green" id="green" type="submit">Login</button>	
      </form>
    </div>
  </body>

**Nelmo** · 09/09/2012, 17h56

J'ai partiellement trouvé mon bonheur en changeant le type de l'un de mes bouton par "button". Et j'ai rajouté :

Code :

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

1
2
3
 $('.button_grey').click(function(){
        document.location.href='link';
       })

Mais n’empêche, j'aimerais savoir si ce qui est demandé plus haut est possible

**Walkn** · 30/09/2012, 21h10

Hello,

Concernant ton problème, je ne suis pas certains d'avoir compris. Quand tu dis que le bouton "créer un compte" est lié à la même règle que le bouton 'login", tu veux dire qu'il appelle la même fonction ou action c'est ça ?

Si tel est le cas, je pense que ton problème est lié au fait que tes deux boutons ont comme type :

Code :

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

type="submit"

Si tu souhaites avoir deux actions différentes, tu peux créer 2 formulaires, un pour chaque bouton je pense. De ce fait, chaque bouton aura une action bien définit.

Sélectionner un seul bouton dans une form avec plusieurs boutons

jQuery

Discussions similaires

Partager

Partager