HTML 5 电话号码验证与模式

我想通过使用带有模式属性的 html 5 来验证巴基斯坦格式的电话号码。


有效的巴基斯坦电话号码格式是:


+92 345 1234567


但是当我在输入字段中输入此内容时,它会显示以下错误:请匹配请求的格式


  <!DOCTYPE html>

<html>

<head>


    <title> Web Course </title>


</head>


<body>


     <form>



         Enter your phone number:

        <input type="text"  pattern="[+][0-9]{2}[][0-9]{3}[][0-9]{7}"  />




        <input type="submit" value="submit" />


    </form>


</body>

</html>


扬帆大鱼
浏览 121回答 1
1回答

慕虎7371278

您可以使用以下解决方案之一:<form>&nbsp; Enter your phone number (with spaces):&nbsp; <input type="tel" pattern="[+][0-9]{2} [0-9]{3} [0-9]{7}">&nbsp; <input type="submit" value="submit"></form><form>&nbsp; Enter your phone number (without spaces):&nbsp; <input type="tel" pattern="[+][0-9]{12}">&nbsp; <input type="submit" value="submit"></form><form>&nbsp; Enter your phone number (with or without spaces):&nbsp; <input type="tel" pattern="[+][0-9]{2} ?[0-9]{3} ?[0-9]{7}">&nbsp; <input type="submit" value="submit"></form>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5