Validation Dropdown Issue about ct-argon-dashboard-pro-laravel HOT 4 CLOSED

Hi @rarestoma,

Thanks for your time and respond to help me out to solve the validation search dropdown issue. And yeah, your solution works like charms!

I appreciate your kindness and support. Once again, thanks!

Sincerely,
Muhamad Amir

from ct-argon-dashboard-pro-laravel.

Hi @mmuhamadamirzaidi,

Thank you for working with our products.

Can you please give show us how did you implement the javascript of the validation so I can test it closely? It should add 'is-valid' / 'is-invalid' classes to the input so the border will turn to green(success)/red(error).

Thank you,
Rares

from ct-argon-dashboard-pro-laravel.

Hi @rarestoma,

Thanks for your reply.

I used the needs-validation class in the form tag, and also valid-feedback/ invalid-feedback class in the feedback. All the input type like text input, number, file, and normal dropdown are working fine, unless for search dropdown.

Sample form code I used:

Sample code for text input:

Output after validate:

Sample code for file input:

Output after validate:

Normal dropdown:

Sample code for search dropdown with data-toggle="select":`

Output after validate:

When select search dropdown:

Valid:

Even after select, it takes the primary color as border color, not the green.

Invalid:

For invalid, it doesn't put red color. The valid-feedback/ invalid-feedback feedback is working fine.

Please help me to solve this. Thanks in advance.

from ct-argon-dashboard-pro-laravel.

Hi @mmuhamadamirzaidi,

Thank you for providing me all the details.

Can you please add these lines on the CSS and try again?

.was-validated .form-control:valid  ~ .select2 .select2-selection{
  border: 1px solid #2dce89;
}

.was-validated .form-control:invalid  ~ .select2 .select2-selection{
  border: 1px solid #fb6340;
}

I tested it and now the border of the selects turns to green/red when is valid/invalid.

Please let me know if it works.

Thank you,
Rares

from ct-argon-dashboard-pro-laravel.