login.pt : submit form when enter key pressed

caotek_mesavoirs/templates/members/login.pt

@@ -5,31 +5,21 @@
 
 	<div class="col-md-offset-4 col-md-4 well">
 
-		<form id="login-form" role="form" action="${url}" method="post" 
+		<form id="login-form" role="form" action="${url}" method="post" >
-				data-fv-framework="bootstrap"
-				data-fv-icon-valid="glyphicon glyphicon-ok"
-				data-fv-icon-invalid="glyphicon glyphicon-remove"
-				data-fv-icon-validating="glyphicon glyphicon-refresh">
 				
 			<h3>Se connecter</h3>
             <input type="hidden" name="came_from" value="${came_from}"/>
 
 			<div class="form-group">
-				<input class="form-control" type="text" name="login" value="${login}" 
+				<input class="form-control" type="text" name="login" value="${login}" placeholder="Email" />
-					placeholder="Email" 
-					data-fv-emailaddress="true"
-					data-fv-emailaddress-message="L'adresse email n'est pas valide" />
 			</div>
 
 			<div class="form-group">
-					<input class="form-control" type="password" name="password" value="" 
+					<input class="form-control" type="password" name="password" value="" placeholder="Mot de passe" />
-						placeholder="Mot de passe"
-						data-fv-notempty="true"
-						data-fv-notempty-message="Le mot de passe est obligatoire">
 			</div>
 
 			<div class="form-group">
-				<button  class="btn btn-primary" type="submit" name="form.submitted">Se connecter</button>
+				<button id="submitButton" class="btn btn-primary" type="submit" name="form.submitted">Se connecter</button>
 				&nbsp;&nbsp;
 			</div>
             <p class="help-block">
@@ -46,9 +36,41 @@
 
 <script>
 $(document).ready(function() {
-	$('#login-form').formValidation();
+	$('#login-form').formValidation({
+		framework: 'bootstrap',
+		message: 'This value is not valid',
+		icon: {
+			valid: 'glyphicon glyphicon-ok',
+			invalid: 'glyphicon glyphicon-remove',
+			validating: 'glyphicon glyphicon-refresh'
+		},
+		fields: {
+			login: {
+				validators: {
+					notEmpty: {
+						message: 'Email est obligatoire'
+					},
+					emailAddress: {
+						message: 'Adresse email non valide !'
+				}
+				}
+			},
+			password: {
+				validators: {
+					notEmpty: {
+						message: 'Le mot de passe est obligatoire'
+					}
+				}
+			}
+		}
+	});
 	$('form input').on('keypress', function(e) {
-		return e.which !== 13;
+	var code = e.keyCode || e.which; 
+	if (code === 13) {               
+		e.preventDefault();
+		// simuler clic bouton submit
+		document.getElementById("submitButton").click();
+		}	
 	});
 });
 </script>