Récupérer un input et l'affecter dans un autre insput
Résolu
drenfa
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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)
avec comme fonction en javascript
en affectant cet valeur dans
Merci de m'aider.
PS: la date est renseigné ici
<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
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à)
Et donc... quel est le souci qui te reste ???
Faire un calcule sur les dates ?
https://www.google.com/search?q=jquery+date+diff
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
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 ..
c'est la base ultra minimum à connaitre pour faire du javascript...
merci.