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

Résolu/Fermé
drenfa Messages postés 32 Date d'inscription samedi 21 avril 2018 Statut Membre Dernière intervention 14 juillet 2021 - Modifié le 17 juin 2020 à 14:20
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 17 juin 2020 à 14:53
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

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
17 juin 2020 à 14:45
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





2
drenfa Messages postés 32 Date d'inscription samedi 21 avril 2018 Statut Membre Dernière intervention 14 juillet 2021
17 juin 2020 à 14:48
C'est exactement cela, mais je ne sais pas comment affecter le contenu dans un autre input
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > drenfa Messages postés 32 Date d'inscription samedi 21 avril 2018 Statut Membre Dernière intervention 14 juillet 2021
17 juin 2020 à 14:51
 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...
0
drenfa Messages postés 32 Date d'inscription samedi 21 avril 2018 Statut Membre Dernière intervention 14 juillet 2021 > jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024
17 juin 2020 à 14:52
ok merci
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > drenfa Messages postés 32 Date d'inscription samedi 21 avril 2018 Statut Membre Dernière intervention 14 juillet 2021
17 juin 2020 à 14:53
pense à mettre le sujet en RESOLU.

merci.
0