jquery验证错误标签

我有一个文本字段定义如下。显示验证错误时，它不会显示为水平。它限制了zip字段的长度。有人能告诉我怎么解决这个问题吗？请参阅所附图片

<div class="panel panel-primary">
<div class="panel-heading"><h3 class="panel-title">Policy Search</h3></div>
 <div class="panel-body">
  <div class ="form-group">                                         
  <label class="col-sm-2 control-label" >Policy Number</label>      
<div class="col-sm-3">    
 <input  class="text-input form-control" type="text" name="policyNumber" id="policyNumber" />                                           
</div>      
  </div>
  <div class ="form-group">
   <label class="col-sm-2 control-label" >Last Name</label>     
<div class="col-sm-3">    
<input  class="text-input form-control" type="text" name="phLastName" id="phLastName" />                                            
</div>
  </div>
  <div class ="form-group">
   <label for="Zip" class="col-sm-2 control-label"  >Zip</label>        
<div class="col-sm-1">    
<input  class="text-input form-control" id="zip" type="text" name="Zip" maxlength="5" size="5" />                                           
</div>
   </div>       
   <div class="col-sm-2">&nbsp;</div>                           
   <div class="col-sm-2">    
<button type="button" name="search" id="search" class="btn btn-success">Search Policy</button>                                          
</div>                                                                               
   </div> <!--  End of panel Body -->       
  </div><!--  End of panel  -->
 </div> <!-- End of search panel div -->

策略搜索
保单号码
姓
拉链
搜索策略

在调试模式下，HTML代码如下所示：

我无法添加图像。基本上，zip字段的长度为5个字符。显示错误时：

“此字段为必填字段”

它显示在zip文本字段下方。”

第1行：“第二行下面的字段”是“第三行下面的字段”必填项。我希望我可以添加一个图像

---

JS fiddle的显示方式与图片不同，但您需要在代码中添加一些css。col-sm-1宽度应为100%，并将静态宽度设置为zip输入，在css文件或html文件中执行此操作

.col-sm-1{ width: 100% !important; }
#zip{ width: 80px;}

关于html

<input  class="text-input form-control" id="zip" type="text" name="Zip" maxlength="5" size="5" style="width:80px;" />

不确定为什么我不能添加png文件我想col-sm-1的宽度很小，把错误标签放在那个div上。添加所有的html代码和css会更容易回答。知道为什么我不能在我的帖子中添加图像吗？我已经用更多的html代码更新了我的帖子。请包括应用的样式。a会很有帮助的。这是u更新的fiddle。请看一看。它没有正确对齐。不是将此zip字段扩展到80%，而是通常在元素下面的一个新的单独行中添加错误消息吗？例如errorPlacement:function（error，element）{var test=$（element）.closest（'span'）.next（）.find（'.error_label'）.html（错误）；警报（测试）；}，我可能有一些可爱的消息比tex feild的长度要长。所以我想，一般来说，如果我可以有一个通用的lroutine来添加一个span或div来显示错误消息，就可以解决这个问题。感谢您的帮助！