Исключить поле поиска в bootstrap-select из проверок формы (data-live-search = true) - PullRequest
Новая
       47

Исключить поле поиска в bootstrap-select из проверок формы (data-live-search = true)

0 голосов
/ 24 сентября 2019

У меня есть элемент bootstrap-select со свойством data-live-search в форме.Ввод Searchbox, всплывающий с раскрывающимся списком, также следует проверкам ввода формы.Например, он будет постоянно показывать зеленую галочку.Я хочу исключить поле ввода ввода из проверок формы, но в то же время сохранить «обязательную» проверку при выборе.

Зеленая рамка «Действительная обратная связь» всегда появляется вокруг поля поиска следующим образом:

Фактический вывод

Вместо этого я хочу, чтобы он выглядел следующим образом, но сохранил «обязательную» проверку для тега выбора.

Требуетсяoutput

Ниже приведен фрагмент моего кода:

PS: я использую реагирование 

<form className="needs-validation" noValidate>

<select 
    className="form-control custom-select selectpicker" 
    name="mySelect"
    value={this.state.buyer}
    onChange={this.handleChange}
    data-size="8" 
    id="myselectid" 
    data-live-search="true" 
    required
>
    <option value="" style={{display:"none"}} disabled selected>Enter Buyer</option>
    <option value="001">001</option>                           
    <option value="006">006</option>
    <option value="012">012</option>
    <option value="015">015 </option>
    <option value="022">022</option>
    <option value="026">026</option>
    <option value="034">034</option>
    <option value="049">049</option>
    <option value="052">052</option>
    <option value="053">053</option>
    <option value="061">061</option>
    <option value="086">086</option> 
</select>

</form>
...