PHP / JavaScript

Marsh Posté le 24-05-2011 à 10:12:07

Bonjour à tous,

je développe une application qui contient un formulaire qui permet d'ajouter des infos, le formulaire envoie les données au fichier cible (addinfo.php). Dans ce dernier, je vérifie que les champs des formulaires sont bien remplis et que ça correspond à ce que j'attends (ex : lien web commence bien par http:// , etc...) Actuellement, mon script addinfo.php affiche le nom de l'erreur et invite l'utilisateur à retourner à la page html pour remplir le formulaire, le problème c'est qu'il doit tout retaper.
C'est pourquoi je préférerais utiliser des alertes JavaScript qui, il me semble n'effacerai pas ce que l'utilisateur a déjà écrit. Mais je ne sais pas trop où intégrer le JavaScript.
Ou si vous avez d'autres solutions : souvent lorsqu'on s'inscrit sur les sites web on ne change pas de page on a juste les champs manquants en rouge mais je ne sais pas comment faire ça.

Ci-dessous le code de mon fichier cible addinfos.php :

Code :

<?php
//connexion à la base de données
//paramètres : serveur, utilisateur, mot de passe, base de données
$link2 = DBconnect($serveur,$user,$mdp,$bdd);
$title = addslashes($_POST['title']);
$logiciel = addslashes($_POST['logiciel']);
$version = addslashes($_POST['version']);
$link = addslashes($_POST['link']);
$description = addslashes($_POST['description']);
if(empty($title))
$erreur = " Veuillez saisir le titre de l'info ! <A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Saisir de nouveau la question</A>";
if(empty($logiciel))
$erreur = " Veuillez saisir le nom du logiciel / matériel ! <A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Saisir de nouveau la question</A>";
if(empty($link))
$erreur = " Veuillez saisir un lien pour l'info ! <A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Saisir de nouveau la question</A>";
if(empty($description))
$erreur = " Veuillez saisir la description de l'info ! <A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Saisir de nouveau la question</A>";
if (isset($erreur))
{
echo $erreur;
}
else
if (preg_match("#(((https?|ftp)://(w{3}\.)?)(?<!www)(\w+-?)*\.([a-z]{2,4}))#", $link))
{
mysql_query("INSERT INTO infolog (title,logiciel,version,link,description) VALUES('$title','$logiciel','$version','$link','$description')" );
echo " L'info suivante a bien ét&eacute ajoutée :";
echo ""."<A HREF='$link'>".$title."</A> ";
echo "<A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Ajouter une nouvelle info</A>";
}
else
{
echo " Le lien de l'info que vous avez saisi n'est pas correct ! <A HREF='nouvelle_info.html' style='text-decoration:none; font-variant: small-caps;'>Saisir de nouveau l'info</A>";
}
mysql_close();
?>

Merci d'avance pour votre aide !

Reply

Marsh Posté le 24-05-2011 à 10:12:07

Reply

Marsh Posté le 24-05-2011 à 12:02:12

1er truc : apprends le html, là, tu développes comme avant 1999

Pour le javascript :
solution 1) : sur l'événement on submit de ton form, tu mets une fonction JS qui vérifie le contenu de tes champs et renvoie true si tout est ok, false sinon et affiche des messages d'erreur (alert() ou texte près du champ concerné).

solution 2 : sur l'événement onblur de chaque champ, faire une fonction js(ajax ou pas, dépend du champ) qui vérifie le contenu du champ et affiche le msg d'erreur (idem, via alert() ou msg près du champ).

Pour info, c'est pas une fatalité de perdre ce que l'utilisateur a saisi su tu fais la vérif du form côté php. Lors du réaffichage du form, tu peux très bien les pré-remplir avec ce qu'il a saisi (stockage des champs dans la session, par ex).