begin process at 2012 05 29 18:17:22
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Problème avec un bouton Submit sous forme d'image

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème avec un bouton Submit sous forme d'image

mardi 18 décembre 2007 à 09:25:06 | Problème avec un bouton Submit sous forme d'image

titoursdu38
Bonjour à tous !

Je suis en train de travailler sur un formulaire, et je ne parviens pas à envoyer mon formulaire après le clic sur l'image.
J'utilise une fonction envoie en javascript pour vérifier que les champs obligatoires sont bien remplis :

<script language="text/JavaScript">
//La fonction JavaScript qui vérifie si les champs obligatoires du formulaire ont été bien remplis :
<!--
function envoie(formulaire) {
if ( (document.getElementById('nom').value.length>0)
&&(document.getElementById('prenom').value.length>0)
&&(document.getElementById('classe').value.length>0)
&&(document.getElementById('prenomjeune').value.length>0)
&&(document.getElementById('date').value.length>0)
&&(document.getElementById('prof').value.length>0)
&&(document.getElementById('heure').value.length>0)
&&(document.getElementById('min').value.length>0)
 ){
formulaire.submit();
} else
alert('Désolé un champs obligatoire n\'a pas été remplit, merci !!');
}
-->
</script>

J'apelle ensuite la fonction à la fin de mon formulaire,
<a href="#" onClick="envoie(form_prof)"><img src="Envoyer.jpg"></a>

et cela ne fonctionne pas. L'envoi ne se fait pas...

Que dois-je faire ?
_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)
mardi 18 décembre 2007 à 09:51:40 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
J'avais aussi essayé de mettre un return false, mais ça ne fonctionne pas plus !
mardi 18 décembre 2007 à 09:58:20 | Re : Problème avec un bouton Submit sous forme d'image

bultez

Membre Club


Bonjour,

    tu aurais pu nous mettre le formulaire... ça aurait évité qu'on le fasse...

    <script type="text/JavaScript">
    <a href="#" onClick="envoie(document.forms['form_prof']);"><img src="Envoyer.jpg"></a>       

    mais ça dépend de ton formulaire aussi !

<form name="form_prof"
           action="javascript:alert('ok');" />
       ...

                Cordialement            Bul         [mon Site]     [M'écrire]
mardi 18 décembre 2007 à 12:49:36 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
Désolé, j'ai pensé que ce serait trop long...

Mon formulaire fait au total 512 lignes et plus de 5000 caractères.
Est-il interessant que je donne le formulaire en entier ??

_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)
mardi 18 décembre 2007 à 13:17:30 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
Pourquoi tu met un   <script type="text/JavaScript"> avant mon lien ?

ET...
J'ai essayé ce que tu m'as dit : j'ai toujours le même problème qu'avant.

Je sais pas
Et je désespère, ça fait je sais pas combien d'heure que je passe sur ce formulaire !


merci quand même pour ton aide !
_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)
mardi 18 décembre 2007 à 13:33:34 | Re : Problème avec un bouton Submit sous forme d'image

bultez

Membre Club



>>Pourquoi tu met un   <script type="text/JavaScript"> avant mon lien ?
        non,  non... c'est à la place de ton <script language="text/JavaScript">

>>J'ai essayé ce que tu m'as dit : j'ai toujours le même problème qu'avant.
       certes, mais tu n'as pas appliqué "comme il faut" !
       mais encore une fois, impossible de rectifier tes
            erreurs  sans ce qu'il faut.

>Mon formulaire fait au total 512 lignes et plus de 5000 caractères.
    met nous un extrait !!!     avec un seul champ... par exemple
    parce que si tu met 512 lignes, je ne vais pas lire
    de plus, 99 fois sur 100, une mise en forme de la question
       permet de résoudre tout seul.

    et je t'assure, qu'avec un formulaire correct, ce que j'ai mis fonctionne
       (  j'ai essayé )
                Cordialement            Bul         [mon Site]     [M'écrire]
mardi 18 décembre 2007 à 15:32:21 | Re : Problème avec un bouton Submit sous forme d'image

bultez

Membre Club



c'est quand même extraordinaire que c'est moi qui doive
    mettre un exemple ! 

<html>
<body>

<script type="text/JavaScript">

function envoie(formulaire)
{    if (         (document.getElementById('nom').value.length>0)
            &&    (document.getElementById('prenom').value.length>0)
            &&    (document.getElementById('classe').value.length>0)
            &&    (document.getElementById('prenomjeune').value.length>0)
            &&    (document.getElementById('date').value.length>0)
            &&    (document.getElementById('prof').value.length>0)
            &&    (document.getElementById('heure').value.length>0)
            &&    (document.getElementById('min').value.length>0)    )
            { formulaire.submit();    }
    else    { alert("champs obligatoire n'a pas été rempli !!");    }
}
</script>
<form name="form_prof"
      action="javascript:alert('ok');" />
    <input type="text" id="nom" value="nom" />
    <input type="text" id="prenom" value="prenom" />
    <input type="text" id="classe" value="classe" />
    <input type="text" id="prenomjeune" value="prenomjeune" />
    <input type="text" id="date" value="date" />
    <input type="text" id="prof" value="prof" />
    <input type="text" id="heure" value="heure" />
    <input type="text" id="min" value="min" />
    <a href="#"
        onClick="envoie(document.forms['form_prof']);">
        <img src="Envoyer.jpg"></a>      
</form>
</body>
</html>


    donc tu ne fais pas tout à fait comme ça....

    j'ajouterais que les contrôles sont "légers"

                Cordialement            Bul         [mon Site]     [M'écrire]
mardi 18 décembre 2007 à 21:09:17 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
D'accord, je vois !

Mais je peux pas mettre deux "action dans mon <form> ?

Voila ce que j'ai pour le moment :

<form action="envoiprof.php" method="post" name="form_prof" id="form_prof" onSubmit="return(VerifForm(this))">

Je préfère attendre ta réponse au lieu de chercher encore et de perdre mon temps, doué comme je suis !
_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)
mardi 18 décembre 2007 à 21:10:54 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
C'est à dire les controles "légers ?

Merci pour toutes cs réponses, même si ce n'est pas encore fini !
_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)
mercredi 19 décembre 2007 à 09:13:04 | Re : Problème avec un bouton Submit sous forme d'image

titoursdu38
Que veux-tu que je fasse comme autres vérifications ?

_____________________________________________
Programmer, c'est le pied ^^ (quand on sait faire !)

1 2

Cette discussion est classée dans : formulaire, document, value, getelementbyid, length

Répondre à ce message

Sujets en rapport avec ce message

je comprend pas ?! [ par stequer ] voilas je suis nul en javascript pourier vous m'aider voila mon erreurError: document.getElementById("civilite") has no propertiesSource File: http:// URGENT !! validation formulaire avec php [ par romainst ] Bonjour j'ai un énorme problème que je dois résoudre rapidement c'est pour ça que j'en appelle à votre aide,J'ai créé récemment ce formulaire de vote Remplir plusieurs cases d'un formulaire avec le resultat d'une selection provenant d'une popup [ par patingfree ] Bonjour à tous, Je dispose d'un formulaire avec 3 champs textes que je desire remplir automatiquement après la selection d'une ligne d'enregistrement Affiché valeur checkbox/radio si coché [ par amine38 ] Bonjour ! voilà j'ai un petit travail à faire et je ne parviens pas à résoudre mon problème : Je souhaite affiché la valeur des radios et checkbox co objet requis [ par wallysub ] Bonjour, j'ai un code que j'ai optimisé qui me met une erreur dans la boucle, alors que la boucle fonctionne tout de même, mais empeche la suite du co Formulaire mail [ par ceetro ] Bonjour, je savais pas trop où poster mon message, dans la section php ou la section javascript... je m'explique : J'ai un site internet qui affich Creer un formulaire de calcul [ par quinton75 ] Bonjour, J'essaie de crée un formulaire qui multiplie le nombre de place par le prix mais ça ne fonctionne pas [^^sad2][^^sad2] [code=js] func Vérification formulaire [ par maha1987 ] salut tout le monde, j'ai un formulaire html et css mais le controle javascript ne fonctionne pas j'ai essayé même avec le jquery mais toujours le mê insertion des donne javascripte dans une bdd [ par somapi ] salue les amies j'ai un pFe qui consiste à crée une ma interactive bon, ma problème c'est que j'ai des donne dans ma base j aimerait bien récupère ces envois de formulaire ajax [ par Annadrill ] bonjour,voilà, j'aimerais modifier la fonction que je vous mets la dessous, de manière a pouvoir l'utiliser avec n'importe quel formulaire, en précisa


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 9,688 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)