Html Parsley js在验证错误时中断glyphicon对齐

我有一个密码输入框，右边有一个glyphicon信息图像。我正在使用parsley.js验证这个输入框。在表单提交时，如果密码验证失败，parsley会按预期在输入框下方显示错误消息，但也会破坏glyphicon图标的对齐，使其伸出输入框。请在这里找到JSFIDLE演示 . 谢谢

---

您可以更改错误显示位置

将此部分作为属性数据parsley errors container=errorContainer添加到表单标记中

将此div放到要显示错误的位置

<div id="errorContainer"></div>

我已经编辑了你的小提琴检查表

---

同时检查插件文档

您可以更改错误显示位置

将此部分作为属性数据parsley errors container=errorContainer添加到表单标记中

将此div放到要显示错误的位置

<div id="errorContainer"></div>

我已经编辑了你的小提琴检查表

还要检查插件文档

另外，您可以在输入元素中使用data parsley errors container=您的div id

<div class="form-group">
  <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Start Time</label>
  <div class="col-md-6 col-sm-6 col-xs-12">
       <div class=" datetimepicker3 input-append timepick">
          <input class="form-control" data-format="hh:mm" placeholder="HH:MM" type="text" name="startTime" data-parsley-errors-container="#startTimeErrorContainer" required="required"  id="startTime" />
          <span class="add-on"><i class="fa fa-clock-o icon-time"></i></span>  
       </div>   
      <div id="startTimeErrorContainer"></div>                                            
  </div> 

此外，您还可以在输入元素中使用data parsley errors container=您的div id

<div class="form-group">
  <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Start Time</label>
  <div class="col-md-6 col-sm-6 col-xs-12">
       <div class=" datetimepicker3 input-append timepick">
          <input class="form-control" data-format="hh:mm" placeholder="HH:MM" type="text" name="startTime" data-parsley-errors-container="#startTimeErrorContainer" required="required"  id="startTime" />
          <span class="add-on"><i class="fa fa-clock-o icon-time"></i></span>  
       </div>   
      <div id="startTimeErrorContainer"></div>                                            
  </div> 

---

我故意把这个URL从我的匿名模式复制到这里，只是为了给你+1我故意把这个URL从我的匿名模式复制到这里，只是为了给你+1