Discussion :

[nico44530]

Bonjour,

J'ai un formulaire dans une lightbox, j'ai remplacé le <input type="submit" /> par un lien simple qui imite le submit par Jquery.

Le problème est que lorsque je remplis le formulaire de connexion et que j'appuie sur "Entrer", le formulaire ne s'envoie pas

Et je ne peux pas utiliser un input submit, parce que quand on clique sur le submit en question, un load se déclenche avec l'affichage d'un gif loading.

Avec les codes, ca sera plus clair :

Jquery :

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
$(document).ready(function(){
	var timer;
	$('#load').hide();
	$('.loginbox').click(function () {
		$('#loading-dialog').delay(600).show(); 
		$('#loading-dialog').hide(0, function() {
		$('#dialog').show();
		});
	});
	$("#login-load").click(function () {
			$('#load').show();
			timer = setTimeout(function() {
				$('#form').submit();
			}, 2000);
	});
	$('#close-dialog').click(function () {
		$('#dialog').hide();
		$('#load').hide();
		if(timer) clearTimeout(timer);
	});
});

Et mon formulaire :

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
 
								<form method="post" action="login.php" class="form-login" name="form_login" id="form">
									<table>
										<tr><td><label class="form_login_label">Nom d'utilisateur</label></td></tr>
										<tr><td><input type="text" name="pseudo" class="form_login_input" maxlength="23" /></td></tr>
										<tr><td><label class="form_login_label">Mot de passe</label></td></tr>
										<tr><td><input type="password" name="password" class="form_login_input" maxlength="30" /></td></tr>
										<tr><td><input type="checkbox" checked="true" id="checkbox" name="check" class="checkbox" /><label class="check" for="checkbox">Rester connecté</label><label class="mdp">|&nbsp; <a href="index.php">Mot de passe perdu</a></label></td></tr>
										<tr><td>
										<div style="line-height: 3px;"><br />
										<label class="button"><a href="#" title="Connexion" class="bouton" id="login-load">Connexion</a></label>
										<label class="button"><a href="register.php" title="Inscription" class="bouton" id="register">Inscription</a></label>
										<img src="../images/loading.gif" id="load" alt="" class="img-loading" />
										</div>
										</td></tr>
										<tr><td></td></tr>
									</table>
								</form>

Ce que je souhaiterais c'est quand le formulaire soit rempli, on appuis sur entrer et il s’envoie

Merci d'avance

[dkmix]

Bonjour,

Avec jquery vous pouvez utiliser keypress:

Code :

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

1
2
3
4
5
6
 
$('#quelquechose').keypress(function(e) {
    if (e.keyCode == $.ui.keyCode.ENTER) {
          //Si on appuie sur ENTER, bla bla bla
    }
});

[nico44530]

Merci beaucoup

Mais on peux pas rajouter "input#login-load" :

Code :

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

1
2
3
4
5
6
7
 
	$("input#login-load").click(function () {
			$('#load').show();
			timer = setTimeout(function() {
				$('#form').submit();
			}, 2000);
	});

??

[dkmix]

Je ne suis pas sur de bien comprendre le comportement attendu...

Code :

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

1
2
3
4
5
6
 
$('#form').keypress(function(e) {
    if (e.keyCode == $.ui.keyCode.ENTER) {
          $('#form').submit();
    }
});

[fab256]

Tu as deja la fonction $("#login-load").click(), appelle-la chaque fois qu'on appui sur ENTER

Code :

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

1
2
3
4
5
6
$('#form').keypress(function(e) {
    if (e.keyCode == $.ui.keyCode.ENTER) {
          $("#login-load").click();
          return false;
    }
});