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

Vue hybride

Discussions similaires

Partager

Partager