Try this:
errorPlacement: function(error, element) {
var ids = {
"TitleNews": "#TitleError",
"IntroNews": "#IntroError"
};
error.appentTo(ids[element.attr("id")]);
}
Insert that at the appropiate place and fill out the other id pairs.
Let me know if that works.
Jörn
On Wed, Aug 20, 2008 at 9:35 PM, PanPan <[EMAIL PROTECTED]> wrote:
>
> I'm so sorry but i really don't understand javascript, i use your
> script to simplify me the validation process of my form. I try many
> solution but no one works, can you help me ?
>
> I just want to put the error for the #TitleNews input in the
> #TitleError div...
> I have find and modify that, but i don't know how to precise the ID
> and not the form type (:input)
>
> errorPlacement: function(error, element) {
> if ( element.is(":input"))
> error.appendTo( "#TitleError" );
> else if ( element.is(":checkbox") )
> error.appendTo
> ( element.next() );
> else
>
> error.appendTo( element.parent().next() );
> }
>
> With that all my errors are going to the div#TitleError of course....
> because i have only input elements in my form.
>
> Thanks for wasting time with me.
>
> On 20 août, 14:49, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> wrote:
>> Nope, that isn't supported. Though its easy enough to implement that
>> based on errorPlacement.
>>
>> Jörn
>>
>> 2008/8/20 PanPan <[EMAIL PROTECTED]>:
>>
>>
>>
>> > Thx for your response but i already watch the doc. Can we specify
>> > location without function ? ex:
>>
>> > $(document).ready(function(){
>> > $("#News").validate({
>> > rules: {
>> > TitleNews: {required: true,minLength: 10},
>> > IntroNews: {required: false,minLength: 150},
>> > ContentNews: {required: true,minLength: 200},
>> > TagsNews: {required: false,minLength: 5}
>> > },
>>
>> > messages: {
>> > TitleNews: {required: "<img src=\"style/imgs/action_stop.gif\"
>> > alt=\"\" />Merci de rentrer un titre<img src=\"style/imgs/
>> > action_stop.gif\" alt=\"\" />",
>> > minlength: "Votre titre doit contenir au moins
>> > 10 caractères !"},
>> > IntroNews: {minlength: "L'intro doit contenir au moins 150
>> > caractères !"},
>> > ContentNews: { required: "Merci de rentrer le contenu de votre
>> > news !",
>> > minlength: "Le contenu de votre news
>> > doit être au moins de 200 caractères !"},
>> > TagsNews: {minlength: "Le contenu des tags doit être d'au moins
>> > 5 caractères !"}
>> > },
>>
>> > errorPlacement : {
>> > IntroNews : #TitleError,
>> > IntroNews : #IntroError,
>> > ContentNews : #ContentError,
>> > TagsNews : TagsError}
>> > });
>> > });
>>
>> > Thanks !
>>
>> > On 20 août, 12:49, "Jörn Zaefferer" <[EMAIL PROTECTED]>
>> > wrote:
>> >> Documentation for the various options, including errorPlacement, are
>> >> herehttp://docs.jquery.com/Plugins/Validation/validate#toptions
>>
>> >> There are also various demos available, eg. the Remember The Milk
>> >> Registration form, which uses
>> >> errorPlacement:http://docs.jquery.com/Plugins/Validation#Demos
>>
>> >> Jörn
>>
>> >> 2008/8/19 PanPan <[EMAIL PROTECTED]>:
>>
>> >> > Hi everyone, i'm having trouble with the jQuery Validate plugin. I
>> >> > easily find how to validate my form, but i would like to specify
>> >> > location for every error message the validate plug-in send. But i
>> >> > don't find, i think it's withe the option "errorPlacement" but i don't
>> >> > know how to use it exactly.
>>
>> >> > Here is my code :
>>
>> >> > $(document).ready(function(){
>> >> > $("#News").validate({
>> >> > rules:
>> >> > {
>> >> > TitleNews: {required:
>> >> > true,minLength:
>> >> > 10},
>> >> > IntroNews: {required:
>> >> > false,minLength:
>> >> > 150},
>> >> > ContentNews: {required:
>> >> > true,minLength: 200},
>> >> > TagsNews: {required:
>> >> > false,minLength: 5}
>> >> > },
>> >> > messages:
>> >> > {
>> >> > TitleNews:
>> >> > { required: "<img src=\"style/imgs/
>> >> > action_stop.gif\" alt=\"\" />Merci de rentrer un titre<img src=\"style/
>> >> > imgs/action_stop.gif\" alt=\"\" />",
>> >> > minlength:
>> >> > "Votre titre doit contenir au
>> >> > moins 10 caractères !"
>> >> > },
>> >> > IntroNews: {minlength:
>> >> > "L'intro doit
>> >> > contenir au moins 150 caractères !"},
>> >> > ContentNews:
>> >> > { required: "Merci de rentrer le
>> >> > contenu de votre news !",
>> >> > minlength: "Le
>> >> > contenu de votre news
>> >> > doit être au moins de 200 caractères !"
>> >> > },
>> >> > TagsNews: {minlength:
>> >> > "Le contenu des
>> >> > tags doit être d'au moins 5 caractères !"}
>> >> > }
>> >> > });
>> >> > });
>>
>> >> > And the HTML :
>>
>> >> > <form action="toto.php" method="POST" name="News" id="News">
>> >> > <label for="TitleNews">Titre de la news*</label>
>> >> > <input name="TitleNews" class="required" minlength="5" />
>> >> > <div id="TitleError"></div>
>> >> > <br />
>> >> > <label>BBCode<br /><i>Pour l'intro.</i></label>
>> >> > <div class="BoxToolbar">
>> >> > <div id="hautdroit"></div>
>> >> > <div id="hautgauche"></div>
>> >> > <div id="contenu">
>> >> > <?php AfficheToolbarBBCode("IntroNews") ;?>
>> >> > </div>
>> >> > <br />
>> >> > </div>
>> >> > <label for="IntroNews">Intro de la news</label>
>> >> > <textarea name="IntroNews" id="IntroNews" style="height:
>> >> > 150px;"></textarea>
>> >> > <div id="IntroError"><img src="style/imgs/action_stop.gif"
>> >> > alt="" />Intro Error !! <img src="style/imgs/action_stop.gif" alt="" /
>> >> >></div>
>> >> > <br />
>> >> > <label>BBCode<br /><i>Pour le contenu.</i></label>
>> >> > <div class="BoxToolbar">
>> >> > <div id="hautdroit"></div>
>> >> > <div id="hautgauche"></div>
>> >> > <div id="contenu">
>> >> > <?php AfficheToolbarBBCode("ContentNews") ;?>
>> >> > </div>
>> >> > <br />
>> >> > </div>
>> >> > <label for="ContentNews">Contenu / suite de la news*</label>
>> >> > <textarea name="ContentNews" id="ContentNews"></textarea>
>> >> > <div id="ContentError"><img src="style/imgs/action_stop.gif"
>> >> > alt="" />Contenu Error !! <img src="style/imgs/action_stop.gif"
>> >> > alt="" /></div>
>> >> > <br />
>> >> > <label for="Tags">Tags</label>
>> >> > <input name="TagsNews">
>> >> > <div id="TagsError"><img src="style/imgs/action_stop.gif"
>> >> > alt="" />Tags Error !! <img src="style/imgs/action_stop.gif" alt="" /
>> >> >></div>
>> >> > Entrer un ou plusieurs tags, separé par une virgule. <i>Les
>> >> > tags sont des mots-clés utilisés pour décrire votre news.
>> >> > Par exemple, si votre news contient des photos de plages
>> >> > bretonnes, vous pouvez indiquer les tags suivants :
>> >> > photo, plage, Bretagne.</i>
>> >> > <br />
>> >> > <br />
>> >> > <div class="buttons">
>> >> > <a href="#"><img src="style/imgs/sauvegarde.jpg" alt="" />
>> >> > Sauvegarder</a>
>> >> > </div>
>> >> > <div class="LastSave">
>> >> > Derniere sauvegarde le 11 Novembre 2008 à 18h30.
>> >> > </div>
>> >> > <br />
>> >> > <br />
>> >> > <div class="buttons">
>> >> > <button type="submit">
>> >> > <img src="style/imgs/send.jpg" alt="" />Envoyer
>> >> > </button>
>> >> > </div>
>> >> > <div class="buttons">
>> >> > <a href="#apercu" onclick="Apercu();"><img src="style/imgs/
>> >> > preview.jpg" alt="" />Apercu</a>
>> >> > </div>
>> >> > <br /><br /><br />
>> >> > </form>
>>
>> >> > Thanks !!!!
>
