使用 html5 正则表达式验证输入的另一种方法，使用 javascript

Question

我需要用原版javaScript检查带有正则表达式模式的HTML输入，但这有点棘手，我回到父级验证输入，它可以工作，但它不像预期的那样漂亮。

Js：

input.parentNode.querySelector(':valid')

目录：

<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属性：

有效性属性的 getter 必须返回一个表示此元素有效性状态的ValidityState对象。此对象是实时的。

。其中一个状态是布尔valid标志：

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

或matches：

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