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 :

Inserer un Input


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    ?
    Inscrit en
    Décembre 2016
    Messages
    68
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : ?
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2016
    Messages : 68
    Points : 48
    Points
    48
    Par défaut Inserer un Input
    Bonjour,
    J'ai actuellement un formulaire de recherche dans lequel il me faut dupliquer une var 'var Search'.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
        function validateForm(){
            var Search = document.getElementById("mod-mbsearch-searchword").value;
            var Length = document.getElementById("mod-mbsearch-searchword").getAttribute("length");
                   ??? document.write('<input type="hidden" id="Search" value="'+Search+'" name="Search">');
     
        	if (Search.length <= Length)
        	{ document.getElementById("info").style.display='block';
        		return false;
        	}    	
        	else
    		   return true;
    }
    Voici le code de validation de mon formulaire ( avec mon test qui ne fonctionne pas :-)).
    Comment faire pour soit insérer le input id="Search" dans mon formulaire ?
    Ou mettre a jour la value du input id="Search" à jour dans le formulaire ?
    merci pour votre aide

  2. #2
    Membre averti Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte passionné
    Inscrit en
    Novembre 2002
    Messages
    198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte passionné

    Informations forums :
    Inscription : Novembre 2002
    Messages : 198
    Points : 367
    Points
    367
    Par défaut
    Salut Slushgood,

    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    var Search = document.getElementById('mod-mbsearch-searchword').value
    var inputHidden = document.createElement('input')
    inputHidden.setAttribute('type', 'hidden')
    inputHidden.setAttribute('id', 'Search')
    inputHidden.setAttribute('name', 'Search')
    inputHidden.value = Search
     
    document.body.append(inputHidden);

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 634
    Points : 66 650
    Points
    66 650
    Billets dans le blog
    1
    Par défaut
    Attention toutefois si tu dois en créer plusieurs, un id doit être unique sur la page => pense à incrémenter l'id
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre du Club
    Homme Profil pro
    ?
    Inscrit en
    Décembre 2016
    Messages
    68
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : ?
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2016
    Messages : 68
    Points : 48
    Points
    48
    Par défaut
    Merci pour ces explications.
    Cependant cela n'a pas l'air de fonctionner.
    Je ne récupére pas [Search] dans mon $_GETVoici mon formulaire de depart
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <form class="mod-mbsearch js-****-searchform form-search" action="<?php echo Route::_($route); ?>" onsubmit="return validateForm();" method="get" role="search">
        <input type="hidden" name="option" value="com_***">
        <input type="hidden" name="view" value="Books">
        <input type="hidden" name="_layout" value="listing">
        <input type="hidden" name="<?php echo Session::getFormToken(); ?>" value="1" />
        <input type="hidden" value="modsearch" name="typeSearch">
        <input type="hidden" id="adv_Search" value="0" name="adv_Search">
        <input type="hidden" id="filter_Search" value="1" name="filter_Search">
        <input type="hidden" name="Itemid" value="<?php echo $mitemid; ?>">
    </form>
    avec le script
    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
    <script>
        function validateForm(){
            var Search = document.getElementById("mod-mbsearch-searchword").value;
            var Length = document.getElementById("mod-mbsearch-searchword").getAttribute("length");
           	var inputHidden = document.createElement('input')
                inputHidden.setAttribute('type', 'hidden')
                inputHidden.setAttribute('id', 'Search')
                inputHidden.setAttribute('name', 'Search')
                inputHidden.value = Search
     
    		document.body.appendChild(inputHidden);
     
        	if (Search.length <= Length)
        	{ document.getElementById("info").style.display='block';
        		return false;
        	}    	
        	else
    		   return true;
    } 
     
    </script>

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    Bonjour,
    Je ne récupére pas [Search] dans mon $_GET
    pour qu'il soit pris en compte il faut ajouter l'élément à ton formulaire et non au document.body.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const elemDestination = document.querySelector(".mod-mbsearch");
    elemDestination.append(inputHidden);

  6. #6
    Membre du Club
    Homme Profil pro
    ?
    Inscrit en
    Décembre 2016
    Messages
    68
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : ?
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2016
    Messages : 68
    Points : 48
    Points
    48
    Par défaut
    Super ! Ça fonctionne :-)
    Il faut vraiment que je vois plus en détail le Javascript

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

Discussions similaires

  1. Inserer une date directement dans un input
    Par ultraxa dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/05/2013, 15h18
  2. inserer partie d'un href dans champ input d'un form
    Par serna dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 09/09/2012, 15h56
  3. Réponses: 1
    Dernier message: 28/01/2008, 13h21
  4. Inserer dynamiquement des champs input avec attribut
    Par titou250 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/01/2007, 10h44
  5. inserer date ds input type=text
    Par vanou dans le forum ASP
    Réponses: 5
    Dernier message: 20/06/2006, 11h06

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