Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Membre expert
    HTML5 + Jquery + Ajax, recherche de sécurité et de souplesse
    Tout d'abord, grâce à Toufik, j'ai réussi à mettre en place ce que je voulais.

    https://www.developpez.net/forums/d2...e-champs-main/

    Etape suivante, j'aimerais profiter (comme tout le monde) du contrôle de saisie HTML5 sur les formulaires (tant qu'à faire).

    Ce qui complèterait mon code de la façon suivante :
    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
    18
    19
    20
     
    /*si on active listener alors event : variable post envoyee vers test_traitement.php*/
    $(document).ready(function(){
      $('.save').blur(function(e){
     
        if(!$("form")[0].checkValidity()){ 
          $("form")[0].reportValidity();
          e.preventDefault();
          return false;
        }
     
        let objet={};
        objet[$(this).attr("id")]=$(this).val();
     
        $.post('test_projet_traitement.php',objet,function(data){
          $('#feedback').html(data),
          'text' //il faut afficher le text;
        })
      })
    });


    Problème, quand ce code tourne, alors je dois mettre tous mes élements de formulaire de type "required" en premier...
    Parce que sinon, bloquage de HTML5, et donc non enregistrement des autres éléments non "required".

    Puis-je contourner cela ou bien... Bah non évidemment, mission impossible, sécurité ne rimant pas avec souplesse, mais avec rigidité !

    J'ai la vague idée que c'est le 2, mais si un génie parmi vous pouvait me trouver la solution qui me donne le beurre et l'argent du beurre et le crémier avec...
    D'avance merci de vos retours.
    Mes billets de blog : un billet = une problématique précise
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  2. #2
    Rédacteur/Modérateur

    Tu peux faire un script js pour valider les données du formulaire sur le onsubmit.
    Mais il faudra par sécurité contrevérifier les donnée à réception sur le serveur.
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Membre expert
    Jeeeeeeeezzzzzzzzzzz, merci Grenouille de l'espace.
    Je me doutais que c'était un machin comme ça... le genre qui m'arrange pas quoi.
    Mes billets de blog : un billet = une problématique précise
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  4. #4
    Rédacteur/Modérateur

    C'est un principe de base : Ne jamais faire confiances aux données qui arrivent du client…
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  5. #5
    Membre expert
    Ah non, alors on s'est mal compris.
    Je gère la sécurité côté serveur.
    C'est le front end qui me bloque.
    Quand j'utilise HTML5 + ajax, je me retrouve contrainte de mettre tous les "required" en premier.
    Bon enfin, j'ai résolu ça autrement, par des fonctions jquery qui mettent l'attribut required au fur et à mesure à l'élément suivant. Ce qui oblige le client à remplir les champs dans l'ordre.
    Une autre solution ?

    Non, ça marche pas... pas une bonne solution.
    Mes billets de blog : un billet = une problématique précise
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  6. #6
    Membre expert
    En gros, la question se résume à ceci : peut-on utiliser HTML5 sans submit quand on a des "required" disséminés dans le formulaire ?
    Mes billets de blog : un billet = une problématique précise
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  7. #7
    Rédacteur/Modérateur

    Sans submit ?
    Le required est vérifié lors du submit.
    si tu soumets les données par un autre canal, tu devras vérifier les champs required par js ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  8. #8
    Membre expert
    Merci, cela m'aide beaucoup.
    Mes billets de blog : un billet = une problématique précise
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

###raw>template_hook.ano_emploi###