首页 > 解决方案 > 如何验证以 7 或 8 或 9 开头且 html 语言的最大长度为 10 的手机号码?什么是属性类型?

问题描述

<input type="tel" pattern="[7-9][0-9]{9}"> 请提及属性类型。提前致谢。

标签: htmlvalidationmobilenumbers

解决方案


您可以使用以下任何一种

    <input type="tel" pattern="(7|8|9)\d{9}" placeholder="(7|8|9)\d{9}"> 
    <input type="tel" pattern="[789][0-9]{9}" placeholder="[789][0-9]{9}">
    <input type="tel" pattern="[7-9][0-9]{9}" placeholder="[7-9][0-9]{9}"> 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tel Validation</title>
</head>
<body>
    <form action="#">
        <input type="tel" pattern="(7|8|9)\d{9}" placeholder="(7|8|9)\d{9}"> <br><br>
        <input type="tel" pattern="[789][0-9]{9}" placeholder="[789][0-9]{9}"> <br><br>
        <input type="tel" pattern="[7-9][0-9]{9}" placeholder="[7-9][0-9]{9}"> <br><br>
        <input type="submit" value="Submit">
    </form>
    
</body>
</html>


推荐阅读