Javascript : ajout input si précédent n'est pas vide
rolly41
Messages postés
244
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 à tous,
j'ai un input de type text et je souhaite un nouveau input comme celui-ci dés que le input n'est pas vide.
Explication:
Un champ à remplir avec un numéro de série, une fois qu'il y a 1 caractère dans le champ, il faudrait un nouveau champ qui s'affiche pour entrer un nouveau numéro de série. Le but est de pouvoir enregistrer plusieurs produits identique avec des numéros de série différent.
Comment dois-je m'y prendre pour qu'un input s'affiche automatiquement quand le input n'est pas vide ? Et comment récupérer chaque entrée des inputs qui s'ajoute pour les ajouter à la base de donnée ? (chaque numéros de série entraine une nouvelle ligne d'insertion dans la base de donnée et non une seul ligne qui reprend chaque numéro de série).
Merci pour votre aide.
j'ai un input de type text et je souhaite un nouveau input comme celui-ci dés que le input n'est pas vide.
Explication:
Un champ à remplir avec un numéro de série, une fois qu'il y a 1 caractère dans le champ, il faudrait un nouveau champ qui s'affiche pour entrer un nouveau numéro de série. Le but est de pouvoir enregistrer plusieurs produits identique avec des numéros de série différent.
<label class="input-group-text rounded-0">
<b><u>N° Oxfam :</u> <font color="red">*</font></b>
</label>
<input class="form-control rounded-0" placeholder="exemple: 123ABC456DEF" style="width: 150px;" type="text" name="nox" required />
Comment dois-je m'y prendre pour qu'un input s'affiche automatiquement quand le input n'est pas vide ? Et comment récupérer chaque entrée des inputs qui s'ajoute pour les ajouter à la base de donnée ? (chaque numéros de série entraine une nouvelle ligne d'insertion dans la base de donnée et non une seul ligne qui reprend chaque numéro de série).
Merci pour votre aide.
A voir également:
- Javascript : ajout input si précédent n'est pas vide
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Erreur #125 javascript - Forum Mozilla Firefox
- Javascript arrondi - Forum Javascript
1 réponse
Bonjour,
Regarde du côté des EVENT en javascript .
Tu trouveras, par exemple, le on keypress ou on KeyUp
De là, un IF pour vérifier si le champ est vide ou non.
Ensuite, regardes sur le net comment ajouter un input en javascript ..
Jusque là .. tu verras .. rien de difficile .. suffit de chercher quelques minutes pour trouver ton bonheur...
Pour ce qui est de la sauvegarde en BDD .. on suppose que tu as un formulaire PHP ...
Si c'est bien le cas, tu peux simplement mettre le "name" de tes input au format "tableau"
Il te suffit alors, dans ton script PHP de boucler sur la variable $_POST['nox']
Regarde du côté des EVENT en javascript .
Tu trouveras, par exemple, le on keypress ou on KeyUp
De là, un IF pour vérifier si le champ est vide ou non.
Ensuite, regardes sur le net comment ajouter un input en javascript ..
Jusque là .. tu verras .. rien de difficile .. suffit de chercher quelques minutes pour trouver ton bonheur...
Pour ce qui est de la sauvegarde en BDD .. on suppose que tu as un formulaire PHP ...
Si c'est bien le cas, tu peux simplement mettre le "name" de tes input au format "tableau"
<input class="form-control rounded-0" placeholder="exemple: 123ABC456DEF" style="width: 150px;" type="text" name="nox[]" required />
Il te suffit alors, dans ton script PHP de boucler sur la variable $_POST['nox']
