Récupérer un input et l'affecter dans un autre insput [Résolu]

Signaler
Messages postés
22
Date d'inscription
samedi 21 avril 2018
Statut
Membre
Dernière intervention
17 juin 2020
-
Messages postés
28933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
-
Bonjour j'aimerai récupérer les données saisie dans un <input> et les affecter dans une autre <input> tout en javascript en fonction d'une date sans bouton, je veux que cela se fasse automatiquement. (ici si l'élève est majeur)
<div class="form-group">
    <label for="Nom"class="label">Nom de l'eleve</label>
                <input type="text" class="form-control" name="Nom" id="Nom" placeholder="Votre Nom" onkeyup="verifNom();">
                <span class="error-message"></span>
   </div>

avec comme fonction en javascript
function verifNom(){
        if($("#Nom").val() == ""){
            $("#Nom").next(".error-message").show();
            $("#Nom").next(".error-message").text("Veuillez entrer un nom");
            $("#Nom").css('border','1px solid red');
            $("#Nom").css('background','pink');
            $GLOBALS['valid']+= false;
        }
        else if(!$("#Nom").val().match(/^[a-z]+$/i)){
        
            $("#Nom").next(".error-message").show();
            $("#Nom").next(".error-message").text("Veuillez entrer un nom valide");
            $("#Nom").css('border','1px solid red');
            $("#Nom").css('background','pink');
            $GLOBALS['valid']+= false;
        }
        else {

            $("#Nom").next(".error-message").hide();
            $("#Nom").css('border','1px solid green');
            $("#Nom").css('background','lightgreen');
            $GLOBALS['valid']+= true;
            
        }
        
    }

en affectant cet valeur dans
<div class="form-group">
     <label for="Nom_Responsable"class="label">Nom du Responsable</label>
     <input type="text" class="form-control" name="Nom_Responsable" id="Nom_Responsable" placeholder="Nom Responsable" onkeyup="verifNom_Responsable();">
     <span class="error-message"></span>
    </div>

Merci de m'aider.

PS: la date est renseigné ici
<div class="form-group">
                <label for="DateNaissance" class="label">Date Naissance : </label>
                <div class="form-group">
                    <input class="form-control" type="Date" value="2011-08-19" name="DateNaissance" id="DateNaissance" onchange="verifDateNaissance();" onkeyup="verifDateNaissance();">
                </div>
                <span class="error-message"></span>
            </div>
avec cette fonction
function verifDateNaissance(){
        if($("#DateNaissance").val() == ""){
            $("#DateNaissance").next(".error-message").show();
            $("#DateNaissance").next(".error-message").text("Veuillez entrer une date");
            $("#DateNaissance").css('border','1px solid red');
            $("#DateNaissance").css('background','pink');
            $GLOBALS['valid']+= false;
        }
        else {

            $("#DateNaissance").next(".error-message").hide();
            $("#DateNaissance").css('border','1px solid green');
            $("#DateNaissance").css('background','lightgreen');
            $GLOBALS['valid']+= true;
        }
    }

1 réponse

Messages postés
28933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 606
Bonjour,

Pour résumer, lorsque la date est modifiée, tu veux que ça déclenche une action
qui :
- vérifie que la personne a plus de 18 ans
- Si oui, écrit la valeur d'un input dans un autre

Donc :
Voir la méthode "change" de jquery ou onkeyup
(ce que tu fais déjà)
onchange="verifDateNaissance();" onkeyup="verifDateNaissance();


Et donc... quel est le souci qui te reste ???

Faire un calcule sur les dates ?
https://www.google.com/search?q=jquery+date+diff





Messages postés
22
Date d'inscription
samedi 21 avril 2018
Statut
Membre
Dernière intervention
17 juin 2020

C'est exactement cela, mais je ne sais pas comment affecter le contenu dans un autre input
Messages postés
28933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 606 >
Messages postés
22
Date d'inscription
samedi 21 avril 2018
Statut
Membre
Dernière intervention
17 juin 2020

 var toto = $('#id_de_ton_input').val();  // lit la valeur et la place dans toto
 $('#id_de_ton_input').val("unevaleur"); // écrit unevaleur  dans ton élement.

A noter.. que ce code c'est du jquery.
Un minimum de recherche sur le net pour apprendre à utiliser cette librairie serait un bon point de départ... avant même de poser ce genre de question sur le forum.

Et si tu veux le faire en "pur" JS ..
var toto = document.getElementById("id_de_ton_input").value ;
document.getElementById("id_de_ton_input").value = "unevaleur";


c'est la base ultra minimum à connaitre pour faire du javascript...
Messages postés
22
Date d'inscription
samedi 21 avril 2018
Statut
Membre
Dernière intervention
17 juin 2020
>
Messages postés
28933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020

ok merci
Messages postés
28933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 606 >
Messages postés
22
Date d'inscription
samedi 21 avril 2018
Statut
Membre
Dernière intervention
17 juin 2020

pense à mettre le sujet en RESOLU.

merci.