Gérer des éléments de formulaire créés en javascript
Bonsoir tout le monde, ou bonjour peut être o_O
J'ai une fonction en javascript qui me crée un élément "input" dans mon formulaire, dès que je change la valeur d'une liste déroulante.
Puis j'ai une fonction qui doit vérifier si ce nouveau champ est bien rempli dès que je valide mon formulaire.
Oui c'est bien beau tout ça en théorie, mais en pratique... L'input est bien créé, mais le test est ignoré
Je vous montre mes bouts de code pour y voir plus clair :
Code:
1
2
3
4
5
6
7
8
| <form action="" onsubmit="return verif_input()"><select onchange="ajout_input()">
<option value="opt1">opt1</option>
<option value="opt2">opt2</option>
</select>
<table>
<tr><td colspan="2" id="tab_inscr_pread"></td></tr>
</table>
</form> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| function ajout_input()
{
var input_inscr = document.createElement('input');
input_inscr.id="monid";
input_inscr.type="text";
input_inscr.size=20;
var t = document.getElementById('tab_inscr_pread');
t.appendChild(input_inscr);
}
function verif_input()
{
if(document.getElementById(monid).value=="")
{alert('pas bien');return false;}
} |
