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