Discussion :

[moimp]

Bonjour,
Avec le script ci-dessous, j'ai une erreur:

eraseAbo.form.submit is not a function

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const eraseAbo	= document.querySelector("[name='eraseAbo']")
	,eraseUser	= document.querySelector("[name='eraseUser']")
	;
 
console.log(eraseAbo.form);		// Retourne le html du formulaire
console.log(alert2)			// Texte transmis depuis PHP
if( typeof eraseAbo !== 'undefined' && eraseAbo !== null ) {
	eraseAbo.addEventListener('click', function(e) {
		e.preventDefault();
		let erase = document.createElement('input');
		erase.name	= 'erase';
		erase.type	= 'hidden';
		eraseAbo.form.appendChild(erase);
		if( confirm(alert2) )
			eraseAbo.form.submit();	// Retourne l'erreur ci-dessus
	});
}

D'où vient l'erreur?

EDIT: Après recherche sur la console de Edge, je suppose qu'il y aurait un conflit du à deux inputs de type submit: <p><input type="submit" name="submit" value="Valider"> <input type="submit" name="eraseAbo" value="Supprimer"></p>. C'est d'autant plus idiot que les deux boutons submit font partie du même formulaire avec un attribut action unique et sans équivoque.
Mais comment résoudre ce conflit?

[Toufik83]

Bonjour,

Le problème est dans le nom "submit" de l'attribut name <input type="submit" name="submit" value="Valider">.

Lorsque vous nommez le bouton name="submit", vous remplacez la fonction submit() par le bouton de soumission qui est accessible via form.submit.

Renommez le en submitBtn ou peu import..., l'essentiel c'est qu'il soit différent de "submit".

[moimp]

Merci, c'est bon.