验证在 Metronic UI 中不起作用。为什么？答案

【问题标题】：Validation is not working in Metronic UI. Why?验证在 Metronic UI 中不起作用。为什么？
【发布时间】：2020-01-16 16:08:59
【问题描述】：

验证工作不正常。它总是显示此字段是必需的。即使我不接触这个领域。为什么？

<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>

【问题讨论】：

嗨，Metronic 包含在 Aspnet Zero 中。你在使用 Aspnet Zero 吗？
@AlperEbicoglu 是的，使用 aspnet zero
为什么不采用有角度的方式并使用表格进行验证
“不要碰这个领域”是什么意思？
@JeffMattson 表示用户尚未对该字段进行任何操作。

标签： html twitter-bootstrap angular metronic

【解决方案1】：

您可以尝试将name="name" 添加到标签中。

还将for="name" 添加到标签中。

【讨论】：

标签上似乎还有class="required"。我可能会误解您的问题，但这不是要求该字段吗？当然，只有当您通过添加上面的for="name" 将标签与输入字段相关联时。如果您不希望它成为必填字段，请删除 class="required"。

【解决方案2】：

标签的“for”属性通过 element_id 绑定到 HTML 元素。

删除标签上的class="required"，如果需要，在输入字段中添加必填属性。

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

【讨论】：