Discussion :

[Luke spywoker]

Bonjours,
Je code mes pages en HTML5 et j'ai un petit souçis avec la soumission de document avec les différents navigateurs que j'utilise pour tester mes pages, bref venons en au fait:
Voici un petit code qui permet de tester si le navigateur accepte un attribut d'un element HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function elementGetAttribut(element, attribut) {
  var test=document.createElement(element) ; 
  if (attribut in test) {
    return true
  }
  else {
    return false
  }
}

Fonction qui peut bien etre utile au devloppeurs HTML5 pour vérifier si l'attribut est compris par le navigateur, dans mon cas j'ai tester dans un formulaire l'attribut required:

Code :

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

1
2
3
4
 
if ( ! elementGetAttribut('input', 'required')) {
  //solution javascript de secours ici
}

Tout ce passe bien pour afficher les messages prévenant le visiteur qu'il a omnis un champ obligatoire mais les navigateur: Chrome et Safari valident le formulaire (les paramètres apparaissent dans la barre d'URL et comme je n'ai pas encore définis d'adresse d'envoie je suppose qu'ils valident le formulaire et l'envoie au traitement) la est mon problème:
Comment empécher ces navigateurs résistants de soumettre le document, j'ai essayer de faire renvoyer false a la fonction qui est coupler au bouton submit avec l'évènement onmousedown mais ca ne marche pas.
Si quelqu'un a une solution il serai sympa de la poster.
Merci pour vos réponses.

[NoSmoking]

Bonsoir,
il faudrait nous monter comment tu appelles la fonction dans ton code.

Comment empécher ces navigateurs résistants de soumettre le document

par exemple sur l'événement onsubmit du formulaire

Code :

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

<form action="test.php" onsubmit="return( verifSaisie(this))";>

Il va de soi que la fonction verifSaisie doit retourner une valeur true/false, ou équivalent...

nota : les seuls VRAIES vérifications sont celles réalisées coté serveur.

[Luke spywoker]

j'appelle ma fonction avec l'évènement onmousedown dans la balise button de type submit:

Code :

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

<button type='submit' onmousedown="mafonction()">Soumettre</button>

Malgré qu'elle revoie false Chrome et Safari valide le formulaire, j'ai meme essayer de bricoler avec history.back() mais je n'ai pas encore essayer l'évènement onsubmit.

[Bovino]

Ben c'est normal que le formulaire soit validé...
C'est la fonction anonyme créée avec le contenu de l'attribut qui doit retourner false, pas la fonction appelée (voir l'exemple de NoSmoking).

[Luke spywoker]

Si j'ai bien compris l'appel de la fonction qui renvoie false doit etre du type: mafonction(this).
Merci pour vos réponses.

[Sergejack]

Renvoyer false pour "onmousedown" ne devrait effectivement pas avoir bcp d'effet.
Vous pouvez le faire pour "onclick".

Le mieux reste de le faire sur "onsubmit" car on peut soumettre un formulaire juste en pressant "enter" / "return"

[NoSmoking]

de plus le onmousedown n'est qu'une "étape" de la validation, et si je revenait sur ma décision et que je relâché la mouse hors bouton?

[Luke spywoker]

J'y suis arriver a bloquer la soumission du document avec les navigateurs rétissant en implémentant une fonction qui renvoie false coupler a l'évènement onsubmit dans la balise <form>, car si on met l'évènement dans le bouton de soumission ca ne marche pas, vous auriez pus me le dire...
la question est résolu merci pour vos réponses.

[Sergejack]

vous auriez pus me le dire...

J'espère que c'est de l'humour.