Hi, as I explained I use my own function to validate (I have no form at all) and just add classes 'invalid' and 'is.invalid' to the elements, which have no values.

So, if I understand right, at the moment I can not do anything to resolve the problem with multiselect validation?

What about textarea and input? Why the invalid red line is not disappeared on entering values?

Hi, thanks for taking attention to my topic. But I don't understand your question.

Is my question understandable? Here is again my problems with validation:

First:
For Input or Textarea elements it is working almost fine: after I programmatically add classes "invalid" and "is-invalid" to those elements, I can see the red line and the text, which is inside div with class="invalid-feedback"

the problem with these elements: if I begin entering values, the border and the message are not being disappeared, like in your example.

Second: Problem with multiselect validation: after I programmatically add those classes, I see a red line but don't see a message in the div with class "invalid-feedback".

My generated element is:

<div class="select-wrapper mdb-select md-form colorful-select dropdown-primary">
    <span class="caret">▼</span>
    <input type="text" class="select-dropdown invalid is-invalid" readonly="true" data-activates="select-options-437fd789-85eb-4a92-86f8-605ec8c43615" value="">

    <ul id="select-options-437fd789-85eb-4a92-86f8-605ec8c43615" class="dropdown-content select-dropdown w-100 multiple-select-dropdown">
        <span class="search-wrap ml-2">
        <div class="md-form mt-0">
            <input type="text" class="search form-control w-100 d-block" placeholder="Search here..">
        </div>
        </span>
        <li class="disabled "><span class="filtrable"><input type="checkbox" class="form-check-input" disabled=""><label></label>  </span></li>
        <li class="select-toggle-all"><span><input type="checkbox" class="form-check-input"><label>Select all</label></span></li>
        <li class=" "><span class="filtrable"><input type="checkbox" class="form-check-input"><label></label>  Bestand Typ</span></li>

        <button class="btn-save btn btn-primary btn-sm">Save</button>
    </ul>
    <select id="idMerkmale" class="mdb-select md-form colorful-select dropdown-primary initialized" multiple="" searchable="Search here.." mandatory="true">
        <option value="" selected="" disabled=""></option>
        <option value="BESTAND_TYP_ENUM_DEUTSCH_TXT">Bestand Typ</option>
    </select>
</div>

Thanks

Some update about multiselect.

I found, that it was wrong to add classes "invalid" and "is-invalid" to select element.

Instead of it, I have to find INPUT element, wich is generated by MDB and add these classes to it. So now I have a little better result: I can mark multiselect (input elem) as invalid and it is whown with red border, which is fine.

But, the message in the

<div class="invalid-feedback">my message</div>

is not shown automatically, even I have such element in

<div class="select-wrapper mdb-select md-form colorful-select dropdown-primary">

Can you make an advice, how to activate it with minimum programming?thanks

Hi, I use MDB Pro 4.6.1

Hi,

I'm confusing because I don't see a problem with that validation. It is working correctly with my example and on my local page. Are you using the newest version of MDB?

Best,
Piotr