Search code examples
htmltwitter-bootstrapangularmetronic

Validation is not working in Metronic UI. Why?


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>

Solution

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

    Also add for="name" to the label.