Logo lms Le Mâle Saint Le côté obscur du mâle.

JAVASCRIPT : vérification des champs d'un formulaire. Pourquoi et comment ?

The big bang theory
Tout d'abord, bonjour à tous (et à toutes). C'est donc mon premier article, et je pourrais me présenter... Mais non, commençons tout de suite. Alors, pourquoi effectuer une vérification sur ces champs en Javascript (ici Jquery) et non en PHP ? Tout simplement, car cela va éviter au navigateur d'être rechargé, de devoir récupérer tous vos champs dans un script PHP et j'en passe. Bref, on a donc un gain de rapidité et de TEMPS !

Passons au script :

$('#id_du_bouton_denvoi').click(function(){
	var v_test=0;
	//VERIFICATION DE CHAQUE INPUT
	$('#id_de_votre_formulaire input').each(function(){
		if($(this).val()=='')//SI INPUT VIDE
		{
			v_test=1;
		}
	}

if(v_test==0)//SI TOUS LES CHAMPS NE SONT PAS VIDES { $('#id_de_votre_formulaire').submit(); } else { alert('erreur'); } }

Alors, alors, dans un premier temps, votre bouton d'envoi dans le formulaire doit être de type 'button' et non 'submit' (IMPORTANT).

Revenons-en au script, l'évenement '.click()' correspond au click du bouton d'envoi.

Dès lors l'évenement enclenché, nous allons vérifier la valeur de  chaque <input/> à l'aide de la fonction '.each()' .

Si l'un d'entre eux est vide, j'initialise la variable 'v_test'  à '1' .

Pour finir , je vérifie si 'v_test' équivaut à '1' ou '0' afin d'envoyer ou non mon formulaire à l'aide de la function JQuery '.submit()'.

 

Voili, voilou,  si vous êtes perdus, n'hésitez pas à poser vos questions .

Pour suivre le Mâle saint plus facilement, retrouvez-nous sur Facebook :)


Vous avez aimé ? Partagez cet article:



Les réactions

  • jmgmedia Le 28 Jul 2015

    Cool !
    Merci pour cette publication, ça marche très bien et c'est exactement ce dont j'avais besoin pour mon (grand) formulaire !

Découvrir d'autres articles