PHP / JS ; ne pas rafraichir, actualiser, la page sur un bouton submit

Pour ceux que cela intéresserait, la solution est simple, si on ne veut pas qu'un lien ou qu'un formulaire rafraîchisse la page il faut ajouter return false; à la fin de la fonction qui est sur le onclick, onsubmit...

ex :

document.getElementById('monElementLien').onclick = function(){
alert('test !');
return false;
}

Dans le cas d'un contrôle de formulaire, on applique le return false lorsqu'une erreur de saisie a été détectée.

exemple de contrôle très basique :

document.getElementById('monElementFormulaire').onsubmit = function(){
if( this.getElementById('nomPersonne').value == '' ) {
alert('Attention ! Le nom est obligatoire !');
return false;
}
}

Je ne sais pas si ma syntaxe JS est excellente (je ne fais plus que du jQuery depuis un bon bout de temps), mais le principe est là

Ça c'était pour le code. Pour ce qui est de la méthode il faut en effet valider séparément en PHP et en JS, et non tout mélanger avec de l'Ajax (sauf contrôle vraiment avancé mais ce n'est pas nécessaire la plupart du temps). Il faut donc un contrôle qui fonctionne JS désactivé, avec le rafraîchissement inévitable de la page, et un contrôle JS (souvent plus simple à mettre en place) qui intervient avant la soumission du formulaire.

Si tu n'es pas techniquement capable de faire un contrôle PHP complet avec un vrai rapport d'erreur (parfois ce n'est pas vraiment nécessaire, pour une interface d'admin privée par exemple), le minimum est de s'assurer de l'intégrité des données soumises par le formulaire (en PHP) en l'absence de contrôle JS, et de par exemple ne rien enregistrer du tout si des champs sont vides ou appliquer des valeurs par défauts si certains champs le permettent. Bien sûr cela est valable s'il y a bien un contrôle JS au préalable, un formulaire qui ne contrôle rien et n'enregistre rien si on se trompe serait une catastrophe pour l'utilisateur, même pour un formulaire de back-office.
Modifié par Mattew (21 Sep 2010 - 12:43)