带模式的HTML5电话号码验证

时间:2013-10-26 20:33:39

标签: html5 validation

我正在使用HTML5表单验证来验证来自印度的电话号码。

来自印度的电话号码长10位,以7,8或9开头。

例如:

  1. 7878787878
  2. 9898989898
  3. 8678678878
  4. 这些电话号码有效,但

    1. 1212121212
    2. 3434545464
    3. 6545432322
    4. 无效。

      建议可以检测有效印度电话号码的模式。

      到目前为止,我的模式是[0-9]{10},但它不会检查第一个数字是7,8还是9。

7 个答案:

答案 0 :(得分:76)

怎么样

<input type="text" pattern="[789][0-9]{9}">

答案 1 :(得分:36)

这个怎么样? /(7|8|9)\d{9}/

首先查找7或8或9,然后查找9位数。

答案 2 :(得分:9)

印度的正则表达式验证应确保使用+91,然后确保在+91之后使用7,8,9,最后使用9位数。

/^+91(7\d|8\d|9\d)\d{9}$/

你的原始正则表达式虽然在前面不需要“+”。

Get the more information from below link
w3schools.com/jsref/jsref_obj_regexp.asp

答案 3 :(得分:7)

试试这段代码:

<input type="text" name="Phone Number" pattern="[7-9]{1}[0-9]{9}" 
       title="Phone number with 7-9 and remaing 9 digit with 0-9">

此代码仅以以下格式输入:

9238726384(以9或8或7开头,其他9位数字使用任意数字)
8237373746
7383673874

格式不正确:
2937389471(不是从9或8或7开始)
32796432796(超过10位)
921543(少于10位数)

答案 4 :(得分:4)

此代码将接受带有+号

的所有国家/地区代码
<input type="text" pattern="[0-9]{5}[-][0-9]{7}[-][0-9]{1}"/>

某些国家/地区允许使用单个“0”字符而不是“+”,而其他国家/地区则允许使用“0”字符而不是“+”字符。两者都不是标准的。

答案 5 :(得分:0)

enter image description here

^ [789] \ d {9,9} $

  • 最少10位数字
  • 最大位数10
  • 数字以7,8,9开头

答案 6 :(得分:0)

改进@JamesPlayer的回答:

从现在起在印度,一系列新的电话号码以 6 开头。用这个?

<input type="text" pattern="[6789][0-9]{9}">

要显示自定义错误消息,请使用 title 属性。

<input type="text" pattern="[6789][0-9]{9}" title="Please enter valid phone number">

这就是所有人。 ?