Discussion :

[HULK]

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 :

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

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

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

Code :

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

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

[ASCIIDEFOND]

Bonsoir à tous,

Et comme ça ?

Code JavaScript :

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

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

[Toufik83]

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 :

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

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 !"); 
});

[darkstar123456]

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

[HULK]

Merci ca fonctionne !

Et comme ça ?

Code JavaScript :

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

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

[NoSmoking]

Bonjour,

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.