Другой способ проверить ввод с помощью регулярного выражения html5, с помощью JavaScript

Question

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

Js:

input.parentNode.querySelector(':valid')

Html

<input type="tel" id="fos_user_registration_form_mobileNumber" name="fos_user_registration_form[mobileNumber]" required="required" pattern="^0[0|1|2|3|4|5|6|7|9]\d{8}$" maxlength="10">

Можно ли сделать иначе?

Answer 1

Я думаю, вы ищете validity свойство :

Получатель атрибута действительности должен возвращать объект ValidityState, который представляет состояния действительности этого элемента. Этот объект живой.

... где одно из состояний является логическим valid флагом:

if (input.validity.valid) {
    // yes
} else {
    // no
}

Или matches:

if (input.matches(":valid")) {
    // yes
} else {
    // no
}