Mon formulaire en double !

Par MaitreYoda, il y a 14 ans

Javascript

Bonjour,
Voilà, je me lance en javascripts jquery etc et là je cale d'une force c'est terrible !
Dès que j'envoie le submit, j'ai effectivement les infos recherchées mais mon formulaire se met en double :(
Merci de m'aider svp, je sature :(

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
<!--ajout resultat-->
$(function(){

        $("#formid").submit (function(){
        $("#loader").show();
        code = $(this).find("input[name=code]").val();
        $.get("",{code: code}, function(data){
        $("#loader").hide();            
        if(data !="<font color=green>ok</font><br />"); {
        $(".result").empty().append(data);
        } 

                         });
    return false;   });
});
</script>
</head>
<body><div class="result" style="color:#FF0000"></div>
<div id="loader" style="display:none;"><img src="<?php echo strip_tags($siteurl); ?>/images/load.gif" alt="loader"/></div>
                <form id="formid">              
                <input type='text' size="42" maxlenght="42" id='code' name='code' value="<?php $id_fiche; ?>"/>
                <input type="submit" value="Rechercher" /><br /></form>
</body>

</html>

9 réponses

Chritchan, il y a 14 ans

euh je ne suis pas super méga fortiche en code mais voici ce que je pourrais te proposer :

$(function(){

    $("input[type=submit]").click(function(){
        //variable d'erreur initialisée à false                            
        var hasError = false;

        // vérification si le champs est vide
        var nameVal = $("#code").val();
        if(nameVal == '') {
            //catastrophe ! Il est vide ! on lui ajoute une class error à designer en css et on initialise la variable error à true
            $("#code").addClass("error");
            hasError = true;
        }
        else
        {
            //parfait c'est en ordre
            $("#code").removeClass("error");
        }

        // si il n'y a plus d'erreur, on peu passer à l'envoi :)
        if(hasError == false) {
            $(".result").html(nameVal);

        }

        return false;
    });

});

La ligne 23 te sert uniquement à afficher la valeur que tu as dans ton input.
Que désires tu faire de cette valeur ? la traiter en ajax dans un autre fichier ?

MaitreYoda, il y a 14 ans

Bonjour Christian,
Merci mais j'ai une erreur ligne 26 } ?
Merci encore

Chritchan, il y a 14 ans

Mmmmh ... Je viens de regarder sur firefox, safari et chrome Mac et je ne vois pas d'erreur...
Je vois que dans mon code précédent il m'a converti un smiley en image .... et dans la balide code, il a mis le code html lol
Test avec ceci :

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
<!--ajout resultat-->
$(function(){

    $("input[type=submit]").click(function(){

        //variable d'erreur initialisée à false                            
        var hasError = false;

        // vérification si le champs est vide
        var nameVal = $("#code").val();
        if(nameVal == '') {
            //catastrophe ! Il est vide ! on lui ajoute une class error à designer en css et on initialise la variable error à true
            $("#code").addClass("error");
            hasError = true;
        }
        else
        {
            //parfait c'est en ordre
            $("#code").removeClass("error");
        }

        // si il n'y a plus d'erreur, on peu passer à l'envoi
        if(hasError == false) {
            $(".result").html(nameVal);

        }

        return false;
    });

});

</script>
</head>
<body><div class="result" style="color:#FF0000"></div>
<div id="loader" style="display:none;"><img src="<?php echo strip_tags($siteurl); ?>/images/load.gif" alt="loader"/></div>
                <form id="formid">              
                <input type='text' size="42" maxlenght="42" id='code' name='code' value="<?php $id_fiche; ?>"/>
                <input type="submit" value="Rechercher" /><br /></form>
</body>

</html>
MaitreYoda, il y a 14 ans

Là cela m'affiche bien l'id de ma recherche, mais le but étant d'en récupérer plusieurs : titre, bande-annonce, poster, etc... Mon code me récupérait bien tout à part ce fichu formulaire :(
C'est peut être rien à faire de rajouter le reste, si tu veux bien m'expliquer comment dois-je procédé se serait super.
Merci encore
Là je mets mon lien ou je bosse que j'effacerai par la suite: Projet
il me reste qu'à enlever l'input de la recherche une fois les données récupérées...
Une idée ?

Chritchan, il y a 14 ans

j'ai besoin de savoir quel est la finalité de ton formulaire :) Quelle est ta logique ?

MaitreYoda, il y a 14 ans

Voilà,
Remplir un formulaire via allociné pour ensuite incrémenter les valeurs dans ma bdd. Je travaille avec l'API d'allociné mais là ou cela se complique c'est qu'il ne faut pas que page s'actualise entre temps. C'est pour cela que j'ai pensé à l'AJAX JQUERY JS car en PHP c'est impossible. Vu la configuration de mon site, je ne dois pas actualisé d'où ma prise de tête ^^
Là, je pense avoir bien avancé mais le code doit être horrible et je m'en excuse !
Pour finir, si je pouvais juste retirer l'input de la recherche une fois les infos affichées se serait super...
Par contre je peux te donner le code PHP si tu le désires ?
Merci beaucoup

Chritchan, il y a 14 ans

ouffff via l'API de allociné en plus ... j'ai bien peur de ne pas avoir assez de compétence pour te trouver la solution mais peut être pour te mettre sur la piste.

Vas visiter cette page, elle te sera surement utile : Requêtes AJAX avec JQuery

MaitreYoda, il y a 14 ans

Merci beaucoup, je vais aller faire un saut !
Sinon tu as vu ça avance ;)
Je retire le lien c'était pour te monter en fait.
Merci beaucoup et à une prochaine fois.

MaitreYoda, il y a 14 ans

Bonjour,
J'ai fini par y arriver ^^ Je vais faire de même pour les séries.
Merci Christian et au site qui m'attire de plus en plus.
BRAVO !