[jQuery] Re: [Validate] hide errors until field has focus

[sonicDivx]

Knew you would say that. I can't exactly since this is an internal
project. But maybe a better description of the problem.

So I have the following

$("#formRegister").validate({
          errorElement: "em",  // used instead of span
          errorClass: "validationError",

          rules: { ....}
          messages: { ....}
});

<style>
em.validationError {
       position:absolute;
       top: 20px;
       left: 10px;
      /* bunch of other stuff*/
}

This works fine, I see the messages all well and good. What I would
like to do though is hide the errors until I focused or clicked the
field and run something like this.

$("em.validationError").hover(function() {
          $(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
        }, function() {
          $(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");
        });

So that when you move over the form field the error message will display.
The problem I am having is how to attach the function to the element.
At one point I figured that via the

  errorPlacement: function(error, element) {
           error.appendTo( element);
  });

would work but it didn't .  So not sure how to get a valid reference
to the object in errorPlacement.

For that matter is that the place to do things.

Thanks and hope that helps.
Kevin

On Mon, Dec 1, 2008 at 2:00 PM, Jörn Zaefferer
<[EMAIL PROTECTED]> wrote:
> Could you provide a more detailed descriptions of the desired error
> display? Maybe some mockups/images?
>
> Jörn
>
> On Mon, Dec 1, 2008 at 6:28 PM, kevinm <[EMAIL PROTECTED]> wrote:
>>
>> I am probably missing something, but I would like to with the
>> Validation plugin be able to hide the errors and when someone blur/
>> focus/clicks on the field  then they see it.
>>
>> I am basically emulating Flex/CF Flash forms in error display.
>>
>>
>> I do have an ancillary question which is Ideally would like to place
>> the error message next to the field that threw the error.
>>
>> I think my jQuery knowledge is lacking because I am not sure within
>> errorPlacement
>>
>> do this  error.appendTo( element );  and perhaps this is redundant
>> with the default behaviour.
>> The final objective would be to automatically make the error messages
>> behave as pop-ups.
>>
>> Thanks
>>
>> Kevin
>>
>