Discussion :

[Dendrite]

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.

[SpaceFrog]

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.

[Dendrite]

Jeeeeeeeezzzzzzzzzzz, merci Grenouille de l'espace.
Je me doutais que c'était un machin comme ça... le genre qui m'arrange pas quoi.

[SpaceFrog]

C'est un principe de base : Ne jamais faire confiances aux données qui arrivent du client…

[Dendrite]

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.

[Dendrite]

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 ?