Как исключить конкретное поле ввода / выбора из HTML Проверка формы? - PullRequest
Новая
       37

Как исключить конкретное поле ввода / выбора из HTML Проверка формы?

0 голосов
/ 02 февраля 2020

Как исключить конкретное поле ввода / выбора из HTML Проверка формы?

Я хочу, чтобы <select> не было выбрано с помощью «select: valid» и с помощью «select: invalid» селекторы без изменения css.

Я занимаюсь разработкой пользовательского элемента управления пользовательского интерфейса и не хочу заставлять пользователя предоставлять дополнительные стили - если есть возможность пропустить его, если я могу добиться этого с помощью атрибута HTML или в javascript.

Похоже, element.willValidate = false должен это делать, но это не работает - это свойство доступно только для чтения.

И на самом деле я не понимаю Описание MDN

HTMLSelectElement.willValidateRead only Логическое значение, указывающее, является ли кнопка кандидатом на проверку ограничения. Значение false, если какие-либо условия препятствуют проверке ограничения.

Кнопка ??? 

var selectElement = document.querySelector('.myselect')
selectElement.willValidate=false;
console.log(selectElement.willValidate); // still true
// not working
.myselect:valid{
   border-color:green;
   border-width:3px;
}

.myselect:invalid{
  border-color: red;
  border-width:3px;
}
<p>want to see selectElement with regular border, but it is styled with :(in)valid</p>

<select class="myselect" multiple="multiple" required><option name="1">1000</option><option name="2">2000</option></select>
...