Rails & jQuery - How to get script to remove HTML element to work multiple times

Question

I have a form that displays client-side validations as the user enters information and a jQuery script that gets rid of the error messages after a period of time.

However, the script only works once per page load. I do not know much about jQuery so I am just wondering how I get it to work on every validation message?

It currently works fine for just the first error message:

This is the code verbatim in my rails .js file:

window.setTimeout(function() {
   $(".field_with_errors label").fadeTo(300, 0).slideUp(300, function(){
    $(this).remove(); 
  });
}, 4000);

----Update

Just to be clear: I am using a Rails gem called Client Side Validations that generates new HTML everytime invalid data in entered in the form on this page.

What do you mean works only once? if you wrap the setTimeout in a named function to call it later it doesn't work? — nicosantangelo
– nicosantangelo, Commented Jun 3, 2013 at 4:44
I mean, once the first error message appears, the script removes it, but if another appears on the form from another field, it stays. — Zephyr4434
– Zephyr4434, Commented Jun 3, 2013 at 5:03

nicosantangelo · Accepted Answer · 2013-06-03 05:09:59Z

1

You have to explicitly call your function after every error message appears, so, you could do:

var cleanUpErrorMessages = function() {
    window.setTimeout(function() {
        $(".field_with_errors label").fadeTo(300, 0).slideUp(300, function(){
            $(this).remove(); 
        });
    }, 4000);
}

//...
//A new error appears, then:
cleanUpErrorMessages();

If you are using Client Side Validations take a look at the callbacks in the docs, but I think what you need is:

window.ClientSideValidations.callbacks.element.fail = function(element, message, callback) {
  callback();
  if (element.data('valid') !== false) {
    cleanUpErrorMessages();
  }
}

answered Jun 3, 2013 at 5:09

nicosantangelo

13.8k3 gold badges35 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rails & jQuery - How to get script to remove HTML element to work multiple times

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related