V�rification formulaire javaScript

Version imprimable

02/09/2017, 23h41
wexndene

V�rification formulaire javaScript

bonjour tout le monde, pourriez vous m'expliquer comment proc�der aux v�rifications des donn�es provenant d'un formulaire( j'ai deux champs QUI NE DOIVENT PAS ETRE VIDES, dans le premier je ne veux que des lettres. Avant de vous consulter j'ai fait, bien s�r des recherches sur google mais les r�sultats obtenus ne m'ont pas satisfaits. merci d'avance
03/09/2017, 04h07
ABCIWEB

Salut,

Pour �viter que des champs ne soient pas vides il suffit de mettre l'attribut required dans le champ input concern�. Cela fonctionne avec les navigateurs modernes (>= IE10). Cela dit comme du dois faire d'autres v�rifications tu peux tout faire en javascript. Il te suffit de faire une fonction qui sera appel�e sur l'�v�nement onsubmit du formulaire. Suivant que le contr�le est ok ou non la fonction retournera true ou false.Il y a un d�but d'exemple ici.
03/09/2017, 14h39
wexndene

merci mour la proposition mais j'ai trouv� des failles sur ces codes. je m'explique, le plus souvent le test se fait en utilisant
if(adresse !== ''") ou bien mettre un required
mais pour ces deux methodes, il suffit de mettre un " espace " dans le champ pour que la condition saute. autrement dit je souhaiterai que le "espace " soit consider� comme du vide
03/09/2017, 16h58
ProgElecT
Salut

Citation:

autrement dit je souhaiterai que le "espace " soit consid�r� comme du vide
Code:

1 2 var monstr = " un mot "; alert(monstr.trim()); // = "un mot"
03/09/2017, 17h30
wexndene

Salut pouvez vous etre un peu claire avec la fonction trim()?

Code:

1
2
adresse = adresse.trim(); //supprime les éventuels espaces de début et fin, renvoie une chaine vide si adresse n'était que des espaces
if(adresse !=== ''){alert("vide");}

03/09/2017, 18h09
wexndene

Ok, je voi, et pour n'avoir que des lettre dans un champ? Comment faire?

Citation:

Envoy� par wexndene

Ok, je voi, et pour n'avoir que des lettre dans un champ? Comment faire?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
	var adresse = " jujuleborgnet @club- free. 123 org "
	if (adresse === ""){
		alert("vide");
		}else{
		adresse = adresse.replace(/ /g,""); // supprime le(s) blanc(s)
		alert("adresse = " + adresse);
		if (/[0-9]/gi.test(adresse)){// il y a au mois un chiffre
			alert("adresse contient de(s) chiffre(s)" + adresse);
			adresse = adresse.replace(/[0-9]/g,""); // supprime tous chiffres
			alert("adresse sans chiffre" + adresse);
		}
	}

Une variante :

Code:

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
<form action="#" onsubmit="verifForm(event,this)">
    <label>toto<input type="text" name="toto"/></label>
    <label>titi<input type="text" name="titi"/></label>
    <input type="submit" name="test" value="TEST"/>
</form>
<script>
function verifForm (e,form)
{
	function vide(v){
		return v.trim() == '';
	}
 
	function noStrOk(v){
		var regexp = /[^A-Z]/i; //recherche la position du premier caractère qui n'est pas dans l'intervalle A-Z. i pour casse insensitive.
		return v.search(regexp) != -1; //retourne -1 si pas trouvé
	}
 
	e.preventDefault();// Empêche l'execution du comportement par défaut (cad la soumission du formulaire)
 
	var toto = form.querySelector('[name="toto"]').value;
	var titi = form.querySelector('[name="titi"]').value;
 
	if(vide(toto)) {
		alert('toto est vide');
		return false;
	}
 
	if(vide(titi)) {
		alert('titi est vide');
		return false;
	}
 
	if(noStrOk(titi)) {
		alert('titi comporte des caractères non autorisés');
		return false;
	}
 
	// On arrive ici si les fonctions de vérification précédentes n'ont pas retourné false
	form.submit();	
}
</script>

03/09/2017, 22h14
wexndene

Je vous remercie messieurs de m'avoir aider sur ce probleme