使用HTML 5正则表达式和javascript验证输入的另一种方法

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

Js:

Html:

---

有没有其他办法？

我想您正在寻找：

validity属性的getter必须返回表示此元素的属性的

ValidityState

对象。这个物体是活的

…其中一个状态是布尔

有效
标志：

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

或：

你确定你需要回到父母身边吗？
输入
不能有任何子项，因此如果您需要输入的有效性，则从输入跳到父项似乎是错误的。非常感谢！这很有用
<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">

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

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