Lancer Ajax en appuyant sur la touche entrée

**serigne** · 22/09/2017, 11h35

Bonjour,

Je dispose d'un formulaire de connexion en php avec pseudo, mot de passe et un bouton Connecter.
Je remarque que quand je clique sur la touche Entrée, le formulaire ne s'envoie pas, il faut que je le fasse en cliquant sur le bouton "Connecter".
Ce que je désire faire cesser. Je veux que qu'en cliquant sur Entrée ou sur le bouton, le formulaire s'envoie en submit
voici mon code

Code HTML :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
    <head>
 
        <meta charset="utf-8" />
		<link rel="stylesheet" href="maintenance_css.css" />
		<title>Maintenance CHNMFT</title>
		<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.css"/>
    <script>
        "use strict";
 
        $( function(){ // forme abrégée de $(document).ready(function(){
       $('#connecter').click(function( event ) {
 
  // Stop form from submitting normally
      $.post(
            'verifier_connexion.php', // Un script PHP que l'on va créer juste après
            {
                pseudo : $("#pseudo").val(), 
                 motpasse : $("#motpasse").val()                                // Nous récupérons la valeur de nos input que l'on fait passer à connexion.php
                
            },
 
            function(data){
                if(data=="Connecte")
                           {
                           document.location.href="menu_maintenance_CHNMFT.php"; 
                           }
                           else
                           {
               alert(data);
                           
                           }
        
            },
 
            'text'
         );
 
    }
                
        );
                
                                
                });
                
    </script>
 
    </head>
    <body>
 
	<div id="divens_connnexion">
	<center><h3>CONNEXION</h3></center>
 
  <form action="/" id="clicconnexion">
           <label for="pseudo">Votre pseudo :</label>
       <input type="text" name="pseudo" id="pseudo" />
 
       <br />
       <label for="motpasse">Votre mot de passe :</label>
       <input type="password" name="motpasse" id="motpasse" autocomplete="on" /><br />
 
 <input type="button" id="connecter" value="Connecter" />
 
  </form>
 
</div>
 
</body>
 
</html>

Si vous avez une solution ?

**Doksuri** · 22/09/2017, 16h07

c'est parce que tu utilises un input bouton et non submit.

Code html :

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

<input type="submit" id="connecter" value="Connecter" />

**serigne** · 22/09/2017, 17h54

Bonjour,

Merci, c'est bon.

Lancer Ajax en appuyant sur la touche entrée

JavaScript

Discussions similaires

Partager

Partager