Discussion :

[kululu]

Bonjour les devs

Je vous explique ma situation:

J'ai un code JS qui vérifie un formulaire dans mon "onsubmit"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form class="form" id="form" method="get" onsubmit="return verifForm(this)" action="creation"

Cette methode JS marche parfaitement bien lorsque je clique sur le bouton "send".
Mais l'utilisateur peut rentrer une liste de données: j'ai un code JS qui "clone" mon formulaire sous forme d'onglet. Par exemple si mon formulaire nécessite obligatoirement un nom il faut qu'il soit présent dans le "premier" form et le "clone" form. Le soucis arrive ici puisque le formulaire n'est plus vérifié, il semblerait que la méthode verifForm(this) n'est plus du tout lancé (alors que ce n'est pas le cas si je clone pas le formulaire). J'ai bien fait gaffe de pas avoir des champs id avec la même valeur.

Merci de votre aide

[SpaceFrog]

le clone n'hérite pas des méthodes du form original.

[kululu]

Merci de la réponse

Ce que tu essaies de me dire, c'est que le code JS ne vérifiera pas le code du clone? Pourtant si clone que je laisse tout les champs vide et que je "send" il ne lance pas la vérification (logiquement le premier form devrait être vérifier quand même non?).

Sinon y a t-il une solution à mon problème: Pouvoir dupliquer le formulaire et le soumettre a une vérification avant de le "send" ?

[SpaceFrog]

attribuer les evenements sur le form après le clone ...

[kululu]

Comment on fait ça s'il te plait? *débutant en dev web

[SpaceFrog]

première remarque : mettre en id d'un form "form" est maladroit

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="myform"

ensuite

modifie l'id du form après clonage

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
newform= document.getElementById('myform').cloneNode(true)

puis attribues les evenements

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 
newform.id="newform"
newform.onsubmit=function(){return verifForm(this)}