Jquery 为什么不'；t我的输入在引导中格式设置正确

我有一个动态创建的表单，这就是jquery的原因（它更容易）。我试图找出输入字段格式不正确的原因

我刚刚改变了它的格式化方式，从在一个表中，变成了一种更容易引导的方式，这样，只有我放置图标的输入字段才能正常工作。当我在表中有相同的字段时，jQuery可以正常工作

我做错了什么

还有一个问题

以下是表格的代表部分：

<div class="container">
  <div class="form-group row">
    <label for="first_name" class="sr-only">*
      <label for="id_first_name">First name:</label>
    </label>
    <div class="input-group">
      <input type="text" name="first_name" required maxlength="50" required id="id_first_name">
    </div>
  </div>
  <div class="form-group row">
    <label for="last_name" class="sr-only">*
      <label for="id_last_name">Last name:</label>
    </label>
    <div class="input-group">
      <input type="text" name="last_name" required maxlength="50" required id="id_last_name">
    </div>
  </div>
  <div class="form-group row">
    <label for="phone" class="sr-only">*
      <label for="id_phone">Phone:</label>
    </label>
    <div class="input-group">
      <input id="id_phone" name="phone" type="tel" required />
    </div>
  </div>
</div>

---

这是因为您在

输入组

元素中有常规输入，但没有在其预期的输入中添加图标

对于没有图标的任何输入，请从以下位置更改html：

<div class="input-group">
  <input type="text" name="first_name" required maxlength="50" required id="id_first_name">
</div>

简单地说：

  <input type="text" name="first_name" required maxlength="50" required id="id_first_name">

并且格式将按预期工作

---

这是因为您的

文本

字段包装在

中，但没有添加任何

。输入组插件

，就像您处理电子邮件和电话字段一样。您是否能够更改HTML结构以删除输入组div，因为您可以简单地将它们添加到jQuery所需的输入中。（另外，你不能将一个标签嵌套在另一个标签中，这是无效的：更多信息请参见此）。效果很好，我很感谢你解释为什么它不起作用。

  <input type="text" name="first_name" required maxlength="50" required id="id_first_name">