Jquery Javascript fadein when click and fadeout when finished loading [duplicate]

Question

  $('.showloader').click(function () {
      $('.loader').fadeIn();

  });

I have a loading css called .loader It is default Display:none

I would like to have it display when click the .showloader . This will submit a register form that has jquery validated method.

What is the best way to fadeOut this div tag if the user enter the wrong input validate or forget to input some field and they have to enter the data again.

Thanks

I guess the validate has a callback action ... so there you can fadeout the element — DaniP
– DaniP, Commented Mar 21, 2017 at 19:02
I found the answer from this link stackoverflow.com/questions/2505053/… — Trung Nguyen
– Trung Nguyen, Commented Mar 21, 2017 at 19:06

Community · Accepted Answer · 2017-05-23 12:09:35Z

0

I Have found the answer from this post : jQuery Validation plugin: add/remove class to/from element's error container

Just use highlight method inside validate

$('#indexform').validate({
    rules: {
      firstName: {
        required: true
      },
      lastName: {
        required: true
      },
      address1: {
        required: true
      },
      city: {
        required: true
      },
      state: {
        required: true
      },
      country: {
        required: true
      },
      zip: {
        required: true,
        rangelength: [5,5],
        digits: true
      },
      phone: {
        required: true
      },
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      zip: 'Zip code must be 5 digits'
    },
    highlight: function(element) {
      $('.loader').fadeOut();
    },

edited May 23, 2017 at 12:09

CommunityBot

11 silver badge

answered Mar 21, 2017 at 19:07

Trung Nguyen

193 bronze badges

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

Collectives™ on Stack Overflow

Jquery Javascript fadein when click and fadeout when finished loading [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related