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 !!
A voir également:
- Submit avec image et onClick dans formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Image iso - Guide
- Formulaire de reclamation instagram - Guide
- Reduire taille image - Guide
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 a
est ce qu'il ne faut pas juste faire un submit de ton formulaire avec ton bouton image, et mettre ton appel a
return verif(this);dans le "onSubmit" de ton formulaire ?