Submit avec image et onClick dans formulaire
reedbedroom
-
coronier -
coronier -
Bonjour,
Je rencontre actuellement un problème, j'ai insérer une image faisant office du bouton "envoyer" submit de mon formulaire. Tout fonctionne bien, mais lorsque je veux utiliser un script javascript pour vérifier le contenue du formulaire, aucune réaction ! Je sais que cela ne viens pas de mon script puisqu'il fonctionne sur tous les site que j'ai déjà utilisé.
Voici le code de mon bouton :
<input src="../img/contact/bt_envoyer.png" type="image" value="submit" onClick="return verif(this)" />
et voici mon script "javascript" :
<script language="javascript">
function verif()
{
if (document.form1.nom.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.nom.focus();
return false;
}else if (document.form1.telephone.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.telephone.focus();
return false;
}else if (document.form1.email.value.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/)==-1)
{
alert ('Email non valide. Celui ci sera utilisé par notre équipe pour prendre contact avec vous.');
document.form1.email.focus();
return false;
}else if(document.form1.message.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.message.focus();
return false;
}else{return true;}
}
</script>
Merci de votre aide !!
Je rencontre actuellement un problème, j'ai insérer une image faisant office du bouton "envoyer" submit de mon formulaire. Tout fonctionne bien, mais lorsque je veux utiliser un script javascript pour vérifier le contenue du formulaire, aucune réaction ! Je sais que cela ne viens pas de mon script puisqu'il fonctionne sur tous les site que j'ai déjà utilisé.
Voici le code de mon bouton :
<input src="../img/contact/bt_envoyer.png" type="image" value="submit" onClick="return verif(this)" />
et voici mon script "javascript" :
<script language="javascript">
function verif()
{
if (document.form1.nom.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.nom.focus();
return false;
}else if (document.form1.telephone.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.telephone.focus();
return false;
}else if (document.form1.email.value.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/)==-1)
{
alert ('Email non valide. Celui ci sera utilisé par notre équipe pour prendre contact avec vous.');
document.form1.email.focus();
return false;
}else if(document.form1.message.value == "")
{
alert ('Tous les champs obligatoires ne sont pas renseignés');
document.form1.message.focus();
return false;
}else{return true;}
}
</script>
Merci de votre aide !!
4 réponses
-
Bonjour,
est ce qu'il ne faut pas juste faire un submit de ton formulaire avec ton bouton image, et mettre ton appel areturn verif(this);
dans le "onSubmit" de ton formulaire ? -
Effectivement j'y avais pensé... j'ai donc essayé mais toujours aucun contrôle... même si tous les champs du formulaire sont vide, le mail est envoyé. Je ne comprends plus trop.
Merci de votre aide. -
-
Tu n'as pas de valeur dans ta fonction
function verif(rajoute un nom de variable ici)
au début de ton script
PS: ce sera quand même plus propre de faire un bouton submit avec :<style> submit { background: url('tonimage.jpg') } </style>
