Validation is not working in Metronic UI. Why?

Question

Validation is not working properly. Its always shows This field is required. Even if I don't touch this field. Why?

<div class="form-group">
 <label class="control-label col-sm-4">Description<span class="required"> * </span></label>
  <div class="col-sm-8">
    <input type="text" name="name" data-required="1" class="form-control" aria-required="true" aria-invalid="true" aria-describedby="name-error">
      <span id="name-error" class="help-block help-block-error">This field is required.</span>
  </div>
</div>

Answer 1

You could try adding the name="name" to the label.

Also add for="name" to the label.

Answer 2

Label's "for" attribute is bound to HTML element by element_id.

Remove the class="required" on the label and add required attribute to the input field if is needed.

<label for="element_id">
<input type="text" id="element_id" required>
<div class="help-block with-errors"></div>