У меня есть подтверждение для двух полей, которые являются кодом страны и действительным мобильным номером. Я добавил скриншот. Когда указывается правильный код страны и недействителен мобильный, в это время не указывается правильный тиковый глификон для кода страны и кросс-глификон, который накладывается друг на друга. Мне нужно удалить глификон для кода страны, используя css или js. Любая помощь будет оценена.Проверка бутстрапа: 2 глификона перекрываются
0
A
ответ
0
Я нашел ответ. Я сделал это, используя jQuery.
Мой фактический HTML был ниже,
<div class="input-group">
<div class="input-group-addon">+</div>
<input type="tel" maxlength="3" class="form-control pull-left" id="CountryCode" name="CountryCode" placeholder="Code">
<input data-bv-field="Mobile" type="text" id="Mobile" name="Mobile" class="form-control">
</div>
Bootstrap создает glyphicons для правильного и неправильного ниже HTML, как показано ниже,
<i class="form-control-feedback bv-no-label bv-icon-input-group glyphicon glyphicon-ok" data-bv-icon-for="CountryCode" style=""></i>
<i class="form-control-feedback bv-no-label bv-icon-input-group glyphicon glyphicon-ok" data-bv-icon-for="Mobile" style=""></i>
Так я добавил следующие одна строка кода, чтобы удалить правильно и неверные глификоны для кода страны,
$("#CountryCode").parent().next().removeClass('glyphicon-ok glyphicon-remove');
0
Если вы используете JQuery:
скажем, у вас есть
<div class="container">
<div class="form">
form content...
</div>
</div>
вы бы назвали:
$('.container form .glyphicon').each(function(i){ // your target input id or class should be placed between 'form' and '.glyphicon' eg: $('.container form input[name=state_code] .glyphicon')
if (i!=0) $(this).remove();
});
таким образом избавиться от дополнительного Xes появляется, когда вам это не нужно.
Смежные вопросы
- 1. Использование глификона вне бутстрапа
- 2. Бланк-заполнитель для бутстрапа-глификона
- 3. Как сделать форму кружка глификона бутстрапа?
- 4. проверка, если 2 прямоугольника WILL перекрываются
- 5. Проверка формы бутстрапа
- 6. Как настроить стиль бутстрапа-глификона на кнопку ввода типа html?
- 7. неправильное расположение бутстрапа-глификона при использовании col-md
- 8. Проверка номера бутстрапа
- 9. MBProgressHUD - 2 последовательных сообщения перекрываются
- 10. Проверка формы бутстрапа с Javascript
- 11. Проверка входного бутстрапа в IE
- 12. Проверка единства, если два повернутых объекта перекрываются
- 13. Как переключить радиокнигу с помощью глификона
- 14. Содержание глификона центра
- 15. 2 DIVS перекрываются с эффектом масштабирования
- 16. 2 DIVs перекрываются с поплавком: right
- 17. создание бутстрапа 2 не реагирует
- 18. Изменение конкретного глификона?
- 19. Как перевернуть значок глификона
- 20. Советы по ошибкам глификона?
- 21. Окрашивание глификона отдельно
- 22. Проверка формы бутстрапа - проверка формы с помощью события on click
- 23. Проверка формы бутстрапа с помощью jQuery
- 24. Проверка наличия переполнения бутстрапа на панели навигации
- 25. Проверка правильности бутстрапа с onClick и Onchange
- 26. Проверка модели sails.js в функции бутстрапа
- 27. столбцы загрузочных колонок перекрываются
- 28. iOS7 сафари (ipad) смайлик, показывающий вместо глификона с использованием бутстрапа 3
- 29. как правильно отформатировать эту кнопку глификона с полем ввода с помощью бутстрапа
- 30. Проверка того, перекрываются ли новые интервалы - MySQL (или PHP)
Добавить код, который создает проблему – neophyte
@neophyte Я добавил код ниже. Я обработал его, используя jQuery. –