Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

psarmaputra7 pro asked 6 years ago


how can i achieve something like this https://i.imgur.com/829RUjC.png

Jakub Strebeyko staff answered 6 years ago


Hi there psarmaputra7,

Thanks for reaching out! To achieve the mentioned effect, you could, for example, consider creating a blur event listener on <input>, that would be checking whether it has .valid /.invalid class after validation, and it so, it would be changing color properties of previously cashed elements. It could look something like that:

$(document).ready(function() {
  var icon =$('#icon');
  var input =$("#form2");
  input.blur(function(){
    if (input.hasClass('valid')) {
      icon.css('color', '#4285F4')
    } else if (input.hasClass('invalid')) {
      icon.css('color', 'red')
    }
  })
});

Hope it helps you find what you are looking for.

With Best Regards,
Kuba



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags