Bonjour
En ajax, je souhaiterais lors d'un ajout de commentaire pouvoir indiquer directement les erreurs en dessous de chaque champ concerné.
Exemple si un visiteur tape un pseudo non conforme, une erreur s'affiche en rouge en dessous du champ input "pseudo".
J'arrive à afficher toutes les erreurs en un seul bloc en haut du formulaire, dans une div ayant pour class "error", via les données retournées dans "data".
voici mon script jquery
urladdcom = mon contrôleur qui traite l'ajout et qui renvoi via echo "ok" ou la liste des erreurs.
En gros comment puis je traiter "data" afin de décomposer la sortie et afficher les erreurs en dessous des champs concernés? exemple si le visiteur fait une erreur avec le pseudo et avec l'email
Faut il dans ce cas obligatoirement passer par json ou xml?
PS : je précise que je débute en jquery ( voir même javascript tout court :mrgreen: )
En ajax, je souhaiterais lors d'un ajout de commentaire pouvoir indiquer directement les erreurs en dessous de chaque champ concerné.
Exemple si un visiteur tape un pseudo non conforme, une erreur s'affiche en rouge en dessous du champ input "pseudo".
J'arrive à afficher toutes les erreurs en un seul bloc en haut du formulaire, dans une div ayant pour class "error", via les données retournées dans "data".
voici mon script jquery
Code:
$("#formcom").submit(function()
{
$("#loader").show();
pseudo = $(this).find("input[name=pseudo]").val();
commentaire = $(this).find("textarea[name=commentaire]").val();
mail = $(this).find("input[name=mail]").val();
site = $(this).find("input[name=site]").val();
idart = $(this).find("input[name=idart]").val();
urladdcom=$(this).find("input[name=urladdcom]").val();
code=$(this).find("input[name=code]").val();
$.post(urladdcom, {pseudo: pseudo, commentaire: commentaire, mail: mail, site: site, idart: idart, code: code}, function(data){
$("#loader").hide();
if(data!="ok"){
$(".error").empty().append(data).hide().fadeIn(1000);
}
else
{
$(".error").hide().empty();
$(".valide").hide().html("<p>Merci, votre commentaire sera affiché après modération</p>").slideDown(1000);
$("#formcom").fadeOut();
}
});
return false;
}
);
urladdcom = mon contrôleur qui traite l'ajout et qui renvoi via echo "ok" ou la liste des erreurs.
En gros comment puis je traiter "data" afin de décomposer la sortie et afficher les erreurs en dessous des champs concernés? exemple si le visiteur fait une erreur avec le pseudo et avec l'email
Faut il dans ce cas obligatoirement passer par json ou xml?
PS : je précise que je débute en jquery ( voir même javascript tout court :mrgreen: )