Code au submit d'une Form

Bonjour,

Je voudrais pouvoir lancer un code au click bu bouton "OK" qui vérifie ce qui a été mis dans le textbox "License Plate"
Je ne peux pas modifier directement le code de la page, je suis obligé d'ajouter un code dans les balises "script"
Comme vous le voyez dans le print screen, le bouton OK n'a pas d'id ni de name

je ne peux donc pas ajouter ce code :

Code:

---

$("input[name='bOK']").on('click',function(event)

---

J'ai donc essayé celui ci mais ca ne fonctionne pas :

Code:

---

1 2 3 4 5 6 7

document.getElementsByName('#Form1').addEventListener('submit', function(e){ if(!isValid){ //e.preventDefault(); //stop form from submitting alert('toto'); } alert('tutu'); });

---

Comment faire ? merci

Pièce jointe 619959

Bonsoir à tous,

Et comme ça ?

Code:

---

1 2 3

document.querySelector('input[type="submit"]').addEventListener('click',function() { //... })

---

Bonjour,

Ton code ne fonctionne pas parce qu'il y'a un diez "#" en trop + absence de l'index [0] pour récupérer le premier NodeList :

Code:

---

1 2 3 4 5 6 7

document.getElementsByName('Form1')[0].addEventListener('submit', function(e){ e.preventDefault(); if(!isValid){ alert('oui, valide'); } else alert("non, invalide !"); });

---

Bonjour,

@Toufik83 a raison mais j'aimerais préciser la correction qu'il a faite sans la décrire : l'utilisation de e.preventDefault() qui est très importante pour empêcher la soumission du formulaire (attention qu'il ne faut le faire que si le formulaire n'est pas valide)

Il est également beaucoup, beaucoup mieux d'écouter l'événement submit plutôt que click, car dans le second il ne se déclenche qu'au click sur le bouton, et donc si on appuie sur ENTER dans un input text, l'événement ne sera pas trigger

Merci ca fonctionne !

Citation:

---

Envoyé par ASCIIDEFOND

Et comme ça ?

Code:

---

1 2 3

document.querySelector('input[type="submit"]').addEventListener('click',function() { //... })

---

---

Bonjour,

Citation:

---

Merci ca fonctionne !

---

quel a été ton choix au final, le moins bon !?!

De plus mélanger jQuery et « JS Vanilla » n'a jamais été un bonne solution.