У меня есть форма, которая содержит несколько списков выбора. Я использую его здесь (https://silviomoreto.github.io/bootstrap-select/examples/#custom-button-text) Я хочу проверить его. Вся вещь хорошая, и когда я нажимаю кнопку «Отправить форму», она возвращает мне сообщение о том, что это поле является обязательным, но цвет границы не изменяется до красного цвета.jquery validation multi selectbox
0
A
ответ
0
Я создаю скрипт js, и я не вижу проблемы. Вы можете проверить эту ссылку https://jsfiddle.net/36zopv3v/2/
<form data-toggle="validator" role="form">
<div class="form-group">
<label class="control-label">Select</label>
<select required multiple class="form-control selectpicker">
<option value="1">item1</option>
<option value="2">item2</option>
</select>
</div>
<div class="form-group">
<label for="inputName" class="control-label">Name</label>
<input type="text" class="form-control" id="inputName" placeholder="Cina Saffary" required>
</div>
<div class="form-group has-feedback">
<label for="inputTwitter" class="control-label">Twitter</label>
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" pattern="^[_A-z0-9]{1,}$" maxlength="15" class="form-control" id="inputTwitter" placeholder="1000hz" required>
</div>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
<div class="help-block with-errors">Hey look, this one has feedback icons!</div>
</div>
<div class="form-group">
<label for="inputEmail" class="control-label">Email</label>
<input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Bruh, that email address is invalid" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="inputPassword" class="control-label">Password</label>
<div class="form-inline row">
<div class="form-group col-sm-6">
<input type="password" data-minlength="6" class="form-control" id="inputPassword" placeholder="Password" required>
<div class="help-block">Minimum of 6 characters</div>
</div>
<div class="form-group col-sm-6">
<input type="password" class="form-control" id="inputPasswordConfirm" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="Confirm" required>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="underwear" required> Boxers
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="underwear" required> Briefs
</label>
</div>
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" id="terms" data-error="Before you wreck yourself" required> Check yourself
</label>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
+0
tnk you so much @Eren Я нашел свою проблему с вашим примером – leman17
+0
отлично, если это поможет вам оценить и проверить как правильный ответ –
0
<select required multiple>
<option value="1">item1</option>
<option value="2">item2</option>
</select>
<style>
.has-error .btn-default{border:2px solid red !important}
</style>
Смежные вопросы
- 1. jquery multi step form validation
- 2. multi-field validation
- 3. multi validation in cakephp
- 4. Multi Select Custom Validation Rule
- 5. Laravel Validation With Multi Select
- 6. Применить стиль jquery selectbox на цепочке selectbox
- 7. Настройка jQuery selectbox
- 8. jQuery Selectbox Не закрывается
- 9. PHP/JQUERY Selectbox clained
- 10. Jquery Multiple selectbox issue
- 11. asp.net mvc input/model validation multi language
- 12. Bootstrap multi column form validation visual bug
- 13. Laravel Custom Validation for multi-language application
- 14. jquery validate и multiple selectbox
- 15. JQuery Validation
- 16. jQuery validation
- 17. Ошибка создания selectbox в jquery?
- 18. с использованием JQuery в selectbox
- 19. Jquery selectbox value update cakephp
- 20. Jquery Selectbox I beam Issue
- 21. Использование jquery CascadingDropDown с jquery selectbox
- 22. Jquery selectBox конфликт с jquery ui datepicker
- 23. unocus selectbox
- 24. Selectbox image
- 25. stuts2 validation
- 26. jquery validation engine ajax field validation failing
- 27. Unexecuted validation with jquery validation plugin
- 28. jQuery validation engine custom javascript validation
- 29. Использование jQuery Labelify + jQuery Validation
- 30. jquery selectbox: Reload Jquery Selectbox с другими значениями выпадающего списка, если выбрана последняя опция
.has ошибок .btn по умолчанию { границы: 1px сплошной красный; } Я пробовал это, но его не работает – leman17
Не могли бы вы дать нам код, который вы написали, пожалуйста? –