Input avec Jquery

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:

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:

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

Bonjour,

Avec jquery vous pouvez utiliser keypress:

Code:

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

Merci beaucoup :)

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

Code:

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

??

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

Code:

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

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

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