Метка ошибки проверки jquery

У меня есть текстовое поле, определенное ниже. Когда отображается ошибка проверки, она не отображается как горизонтальная. Он ограничивает длину zip-поля. Может ли кто-нибудь сказать мне, как исправить эту проблему? См. Прикрепленные изображения.

<div>
<div><h3>Policy Search</h3></div>
 <div>
 <div> 
 <label>Policy Number</label> 
<div> 
  
</div> 
 </div>
 <div>
 <label>Last Name</label> 
<div> 
 
</div>
 </div>
 <div>
 <label for="Zip">Zip</label> 
<div> 
 
</div>
 </div> 
 <div> </div> 
 <div> 
<button type="button" name="search" id="search">Search Policy</button> 
</div> 
 </div> <!-- End of panel Body --> 
 </div><!-- End of panel -->
  <!-- End of search panel div -->

В режиме отладки код HTML выглядит так:

Я не могу добавить изображение. В основном поле zip имеет длину 5 символов. Когда отображается ошибка:

"Это поле обязательно к заполнению"

Он отображается под полем zip-текста. "

строка 1: "Это поле" ниже этой второй строки "находится" ниже этой третьей строки "Обязательно". Я бы хотел добавить изображение

JS FIDDLE

1 ответ

Сценарий JS Не показывает то же самое, что и изображение, но вам нужно добавить CSS-код в свой код. col-sm-1 width должна быть 100% и установить статическую ширину на zip-вход, сделать это в файле css или в вашем html файле.

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

по html

licensed under cc by-sa 3.0 with attribution.