Discussion :

[bisvan]

Hello,

J'utilise un script qui fait appel à Jquery pour la gestion de formulaire dynamique (vérification des champs puis envoie dans une BDD via un script PHP).

J'aimerais pouvoir lors de la validation du formulaire (si tous les champs sont correctement remplis), ajouter une fonctionnalité qui "bloquerait" l'ensemble des champs (ou les griserait).

La fonction JS est la suivante :

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
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
$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var nom = $("#nom");
	var nomInfo = $("#nomInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
 
	//On blur
	nom.blur(validateNom);
	email.blur(validateEmail);
	//On key press
	nom.keyup(validateNom);
	//On Submitting
	form.submit(function(){
		if(validateNom() & validateEmail())
			return true
		else
			return false;
	});
 
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#email").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("Email valide!");
			emailInfo.removeClass("error");
			return true;
 
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Email invalide");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateNom(){
		//if it's NOT valid
		if(nom.val().length < 4){
			nom.addClass("error");
			nomInfo.text("Plus de 3 caract svp");
			nomInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			nom.removeClass("error");
			nomInfo.text("Nom ok");
			nomInfo.removeClass("error");
			return true;
		}
	}
});

Sauriez vous la ligne à rajouter pour chaque champ (nom, email et le boutton submit) afin de les griser ou de les bloquer ?

merci beaucoup

[gael]

il faut ajouter une classe css (à définir) comme ceci:

Code :

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

1
2
3
4
5
6
7
8
//if it's valid
		else{
			nom.removeClass("error");
			nomInfo.text("Nom ok");
			nomInfo.removeClass("error");
                        nom.addClass("valid");
			return true;
		}

et de la même façon pour les autres champs