Menu

[javascript] vérifier si un champ est vide [Résolu/Fermé]

griese 141 Messages postés dimanche 9 mai 2004Date d'inscription 27 février 2008 Dernière intervention - 6 juin 2006 à 12:06 - Dernière réponse :  thewebmaster
- 30 juin 2015 à 11:32
Bonjour à tous,
Dans un formulaire, je voudrais que certains champs soient obligatoirement remplies. Ce qui veux dire qu'on interdit les champs vides. Comment réaliser cela dans une fonction javascript ?
Merci de votre aide.
Afficher la suite 

14 réponses

griese 141 Messages postés dimanche 9 mai 2004Date d'inscription 27 février 2008 Dernière intervention - 7 juin 2006 à 11:40
+51
Utile
9
J'ai résolu mon problème avec une fonction javascript, voici le code :
function verif_champ(champ)
{
if (champ == "")
{ alert("Un champ n'est pas remplie");
return false;
}
return true;
}

ensuite il suffit d'appeler cette fonction lors de l'envoi du formulaire de cette façon :
form name='from1' onsubmit='return verif_champ(document.form1.nomduchamp.value);'

Voilà, si ça intéresse quelq'un.
Cette réponse vous a-t-elle aidé ?  
ca n'a pa marché, il me dit erreur au niveau de la ligne de la fonction, je c pas c ou le probleme, quekqu'un peut m'aider s'il vous plait, merciiii d'avance.
merciiiiiiiii pour la fonction de controle de champ
tolysall 23 Messages postés lundi 27 août 2012Date d'inscription 4 janvier 2013 Dernière intervention - 4 janv. 2013 à 12:32
Merci pour la fonction de contrôle si on avait plusieurs champs à contrôler comment l'introduire dans le onSubmit
merci beaucoup pour la fonction, mais si on a plusieurs champs a contrôler, comment peut-ont le faire on SUBMIT????
Salut à tous si vous vous posez tjr la question, il suffit de faire un appel de votre fonction vide dans une autre fonction:
function valide()
{
var num1 = document.form_multiply.num1.value;
var num2 = document.form_multiply.num2.value;
var num3 = document.form_multiply.num3.value;
var num4 = document.form_multiply.num4.value;
var num5 = document.form_multiply.num5.value;
var valid = 0;
var erreurs = 0;
var vides = 0;
var num = [];
num[0] = num1;
num[1] = num2;
num[2] = num3;
num[3] = num4;
num[4] = num5;
for(i=0;i<5;i++)
{
if(!vide(num[i]))
{
if(isNaN(num[i]))
{
erreurs++;
}
else
{
valid++;
}
}
else
{
vides++;
}
}
if(valid==5)
{
alert(num);
}
if(erreurs > 0)
{
alert("Erreur au moins un des champs n'est pas un nombre !");
}
if(vides > 0)
{
alert("Erreur veuillez remplir tous les champs !");
}
}

function vide(a)
{
if(a == "")
{
return true;
}
else
{
return false;
}
}
+12
Utile
Voici le script sans erreur

Dand head

<script type="text/javascript">
function verif_champ(mots_cles)
{
if (mots_cles == "")
{ alert("Un champ n'est pas remplie");
return false;
}
return true;
}
</script>

Dans Body

<form name='form1' onsubmit='return verif_champ(document.form1.mots_cles.value);' action="echo.php" >
<div>
<input type="text" name="mots_cles" size="31" />
<input type="submit" name="sa" value="Rechercher" />
</div>
</form>


blog.wiks.tk
Matthebest62 - 9 juin 2010 à 17:29
+1
Utile
moi en fait ce que j'aimerai c'est qu'il réponde à deux arguments pour l'envoi d'un formulaire, pour le champ "mail".
je m'explique :

si champ vide : on affiche le message d'alerte. (comme nous a expliqué griese)

si champ rempli par le mot " obligatoire" (qui est la valeur par défaut du champ) on affiche le message d'alerte.

si une adresse mail est renseigné : on envoi le formulaire librement sans affiché de message d'alerte.

dur dur de trouver ce genre d'info sur le net. différent forum etc explique très bien, presque aussi bien que Griese, mais uniquement pour une conditions, moi je voudrai que celà marche pour les deux condition ( si champ vide / si champ est écrit avec le mot "obligatoire")

Merci de votre aide par avance.
+1
Utile
1
En reprenant le script de Reek

<script type="text/javascript">
function verif_champ(mots_cles)
{
if (mots_cles == "")
{ alert("Un champ n'est pas remplie");
return false;
}
if (mots_cles == "obligatoire")
{ alert("Erreur: valeur par défaut");

}
return trureturn false; e;
}
</script>

Dans Body

<form name='form1' onsubmit='return verif_champ(document.form1.mots_cles.value);' action="echo.php" >
<div>
<input type="text" name="mots_cles" size="31" />
<input type="submit" name="sa" value="Rechercher" />
</div>
</form>
Je crois que le mot "mots-clefs" ou "champ" peut être remplacer par une variable d'une valeur de "document.getElementById('text').value;"
Et merci pour l'avance