Formulaire html5 : compatibilité navigateurs

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 1 Mars 2020.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    Salut à tous,

    Quelles techniques utilisez pour la validation côté client des données de vos formulaires ?

    Pour l'instant, j'utilise le bon vieux javascript sur le onsubmit du <form onsubmit="......"> pour contrôler que tous les champs ont bien été rempli mais je suis entrain de revoir mes formulaires et je suis tenté par les formulaires en htmt5 avec le placeholders et les pseudos-class css :invalid, :valid, et :required mais le problème c'est que ce n'est pas compatible avec tous les navigateurs, alors que faire :

    1) faire l'impasse des vieux navigateurs et passer mes formulaires en html5.

    2) opter pour une solution hybride (dans ce cas là laquelle ?).

    Merci pour vos réponses.
     
    #1 poupilou, 1 Mars 2020
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    2 035
    J'aime reçus:
    351
    Je n'utilise pas ça, je préfère avoir plus de liberté avec le JS (par exemple lorsque les gens entrent une email, lorsqu'ils sortent du champ je regarde si elle existe déjà et auquel cas je leur affiche un message directement).

    Mais 1) faire l'impasse des vieux navigateurs, parce qu'ils sont trèèès trèèès vieux, et les gens qui utilisent des navigateurs non compatibles html5 ont de toute façon l'habitude que rien ne marche plus sur les sites !

    Par contre, toujours effectuer aussi des vérifications côté serveur, on ne peut pas compter sur le JS (entre les robots spammeurs, Safari toujours à la traîne, etc), combien de fois je reçois des champs vides alors que j'ai pourtant "required" dessus...
     
    #2 rick38, 1 Mars 2020
  3. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    Merci pour ta réponse.
    Je crois que tu as raison, ceux qui naviguent encore avec IE 8 ou 9 ne sont pas nombreux et ils doivent avoir le plus grand mal à naviguer sur les sites Internet avec ce type de browser. Je vais donc opter pour les formulaires en html5.
    Oui il y aura bien sur une vérification côté serveur. Si l'on intègre (côté serveur) le recaptcha google v3 ça permet déjà d'éliminer pas mal de robots-spammeurs.... et on va s'en plaindre :)
     
    #3 poupilou, 1 Mars 2020
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 169
    J'aime reçus:
    345
    J'utilise la validation HTML5, pour les browsers où ça marche pas t'as tjs la validation serveur qui reste obligatoire.
     
    #4 spout, 1 Mars 2020
    poupilou apprécie ceci.
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    Merci spout.
     
    #5 poupilou, 2 Mars 2020
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - html5 compatibilité navigateurs Forum Date
HTML5 & CSS3 readiness / Tableau de compatibilité HTML5 & CSS3 Le café de WebRankInfo 19 Avril 2010
html5 et h1 Demandes d'avis et de conseils sur vos sites 14 Mai 2019
CMS type Forum HTML5 CSS3 SEO Développement d'un site Web ou d'une appli mobile 17 Janvier 2018
Site mobile jeux html5 et site deskop avec jeux flash + html5 Problèmes de référencement spécifiques à vos sites 11 Octobre 2017
Gestion de vidéo en html5 et javascript Développement d'un site Web ou d'une appli mobile 31 Août 2016
Faut-il prendre en compte les balises HTML5 pour le Seo ? Référencement Google 31 Janvier 2016
Video Player HTML5 Développement d'un site Web ou d'une appli mobile 21 Janvier 2016
Le html5 et css sont-ils encore d'actualités. Développement d'un site Web ou d'une appli mobile 14 Janvier 2016
Impact SEO du balisage HTML5 Référencement Google 22 Décembre 2015
Impact HTML5 sur Google ? Référencement Google 5 Octobre 2015
Existe-t-il des études sur le ref avec le HTML5 Référencement Google 16 Août 2015
Fermeture des balises meta, input, img etc. en HTML5 Développement d'un site Web ou d'une appli mobile 6 Avril 2015
Sections HTML5 vs Googlebot Référencement Google 6 Novembre 2014
Insertion script HTML5 responsive design Développement d'un site Web ou d'une appli mobile 15 Septembre 2014
Width img en % compatible html5 Développement d'un site Web ou d'une appli mobile 4 Septembre 2014
Refonte du site en html5, aucun changement sur le referencement Crawl et indexation Google, sitemaps 29 Mai 2014
Pb de liste à puce dans un bloc HTML5 Développement d'un site Web ou d'une appli mobile 9 Mai 2014
Html5 responsive wordpress référencement Rédaction web et référencement 11 Février 2014
Meilleure solution pour faire des liens sur des blocs en HTML5 Débuter en référencement 29 Janvier 2014
<link rel="canonical" href="url de la page"> en HTML5 valide ou nn? Débuter en référencement 23 Janvier 2014