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>