Hi, I'm trying to render our forms using MDB (on server site). Now I'm stuck with displaying errors. According to doc I created text input with class invalid and label with data-error attribute:

<div class="md-form">
    <input type="text" name="username" class="form-control invalid text" id="frm-form-username">
    <label data-error="Not valid" for="frm-form-username">Username</label>
</div>

I do same thing for textarea:

<div class="md-form">
     <textarea name="about" class="md-textarea invalid" id="frm-form-about"></textarea>
     <label data-error="Not valid" for="frm-form-about">About</label>
</div>

But now red text "Not valid" shows above input red line insead of below red line. So it is in the midle of textarea. And for checkbox and radio it does not work at all:

<div class="md-form">
    <input type="checkbox" name="agree" class="form-control invalid" id="frm-form-agree">
    <label data-error="Not valid" for="frm-form-agree">Agree</label>
</div>

There is no red text "Not valid". Checkbox looks valid. What am I doing wrong?

---