Empty error summary box displayed with no entries about validity HOT 7 CLOSED

Ha! Just before I gave up, I tried one last thing:

The end function of the summary output mode first hides the container, then checks for buffer.length (which in my case was 0 for the last 2 validations, but even with a check for (buffer.length > 0) it triggered the code inside for the 0 length buffer (according to my console outputs).

So even, if there was no error it triggered $(container).show() - in my case an empty error container.

Now I've wrapped the display section:

if ($(container + " label").size() > 0) {
$(container).show();
}

and it finally works (I'm using s instead of

from validity.

Sorry about being so late to respond to this. Do you mean that 0 is evaluating as True? That seems very strange!

Perhaps it's related to the way your output is different. For example, in the normal summary output, it deletes all the <LI>s, but you appear to be using <LABEL>s. Maybe if you change...

// Hide the container and empty its summary.
$(container)
    .hide()
    .find("ul")
        .html('');

...to...

// Hide the container and empty its summary.
$(container)
    .hide()
    .html('');

from validity.

Hi, I've tried that. It didn't work.
As I said, it only occurred when I've filled out a form with JS and had a change-event on each input/select, which triggered the entire form validation. So filling out triggered the validation very quickly say 10 times in a row.

I'll try to put together an example.

from validity.

Oh, I see what you mean! Yes, this is likely related to overlapping validation sessions. Maybe it would be different if, in your input change handler, you called end just before you call start again.

from validity.

You mean blocking the re-validation by some token until the previous validation is finished?
I put together this to demonstrate (I've copied my output method in there).

http://jsfiddle.net/NLZXM/3/
Click Submit to trigger the validation and then "fill out form" to populate values.

from validity.

Thanks for the example. That's very helpful! I think I've found the problem and I have a fix.

The issue is that the fadeIn function uses an interval, so, sometimes, even though the div has been hidden, the interval to fade it in is still running!

We can fix this by changing line 35 of your JS code to...

$(container).stop().hide().html('');

Adding the call to stop kills the interval for fading in.

This is definitely something that should be present in the normal summary output, so thanks a lot for this catch!

from validity.

Thanks a lot for your help! This finally solves my problem without any dirty code :)

And congrats to this great validation plugin. I've evaluated a couple of them and Validity turned out to be very lightweight and is still very powerful and flexible.

from validity.