IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Formulaire et fonction JS


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut Formulaire et fonction JS
    Bonjour,

    J'ai créée une fonction JavaScript qui vérifie un champ de mon formulaire.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <script type="text/javascript">
    //<![CDATA[
    function valider(frm) {
     
    var Err=0;
     
    if(frm.elements['numero'].value=='')
    {
    	alert('Veuillez saisir une Numero de WSY');
    	return -1;
    }
    var date_reception=frm.elements['date_reception'].value;
    var date_sortie=frm.elements['date_sortie'].value;
    //alert(frm.elements['date_sortie'].value);
    date_regexp=/^([0-3]{1,}[0-9]{1,})(\/)([0-1]{1,}[0-9]{1,})(\/)([0-9]{4})( )([0-2]{1,}[0-9]{1,})(:)([0-5]{1,}[0-9]{1,})(:)([0-5]{1,}[0-9]{1,})$/;
     
    if(date_reception!="")
    {
    	if (!date_reception.match(date_regexp))
    	{
    		alert('veuillez entrer une date valide (format DD/MM/YYYY HH:MM:SS');
    		return -1;
    	}
    }
     
    if (Err==0)	frm.submit();
    }
    //]]>
    </script>
    Voici mon formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <form id="formulaire" name="formulaire" action="editer-enr.php" method="post">
    	<p>
    		<label>Date de Reception : </label>
    		<input name="date_reception" type="text" />
    	</p>
    	<p>
    		<label>VSR : </label>
    		<input name="vsr" type="text" />
    	</p>
    	<p>
    		<label>numero : </label>
    		<input name="numero" type="text" />
    	</p>
    	<p>
    		<IMG height=16 src="images/16px-arrow.png" width=16>
    		<A href="javascript:document.formulaire.valider(this.form);return false;" onclick="document.formulaire.valider(this.form);return false;">Valider</A>
    	</p>
    	<p>
    		<a href="index.php">Retour</a>
    	</p>
    </form>
    Je veux appeler ma fonction valider en cliquant sur le texte "valider" et non sur un bouton mais rien ne marche ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <A href="javascript:document.formulaire.valider(this.form);return false;" onclick="document.formulaire.valider(this.form);return false;">Valider</A>
    <A href="#" onclick="valider(this.form);return false;">Valider</A>
    <A href="#" onclick="javascript:valider(this.form);return false;">Valider</A>
    Rien ne marche...
    Une idée?

    Merci d'avance

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="javascript:valider(this.form)
    Tout d'abord, javascript: ne sert à rien http://javascript.developpez.com/faq...taxe#pseudoUrl

    Ensuite, la propriété form s'applique à un élément de formulaire et référence l'objet formulaire auquel cet élément est rattaché. Or, une balise a n'étant pas un élément de formulaire, elle ne possède pas de propriété form et ta ligne est fausse.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="valider(document.getElementById('formulaire'));return false;">Valider</a>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="valider(document.getElementById('formulaire'));return false;">Valider</a>
    EDIT : Grillé

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Système] formulaire et fonction php
    Par ericmart dans le forum Langage
    Réponses: 1
    Dernier message: 03/07/2006, 17h42
  2. Réponses: 4
    Dernier message: 12/06/2006, 11h46
  3. Comment charger un formulaire en fonction d'un bouton radio
    Par FredKéKé dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 31/01/2006, 13h14
  4. [POO] Formulaire HTML + fonction JS = Erreur
    Par bdaboah dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/11/2004, 21h59
  5. Réponses: 6
    Dernier message: 11/10/2004, 14h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo