【问题标题】:Mobile number pattern not working手机号码模式不起作用
【发布时间】:2018-03-11 14:08:01
【问题描述】:

我有一个输入表单

<form name=... >
...
<input name="phone" id="phone" type="text" pattern="(7|8|9)\d{9}" 
title="Please enter valid 10-digit mobile number" class="form-control" 
placeholder="10 digit mobile number" required />
...
</form>

当我输入一个有效的输入:9123010101 时,它会弹出关于“请匹配请求的格式”的默认错误消息。

我已经在线检查了正则表达式测试器中的正则表达式,它完全匹配。我正在使用最新的 Chrome 浏览器。请帮助我了解这里出了什么问题。

【问题讨论】:

  • 它看起来很完美,而且也很有效。确保您没有输入额外的字符,例如空格
  • 你能提供一个fiddle 或显示它不起作用的东西吗?是否有任何其他控件可能会失败?你确定你输入的是你说的值而不是其他空格或制表符吗?
  • 一定是浏览器的问题。重新启动浏览器,它开始正常工作。感谢您的投入!
  • 您应该接受答案,让其他人知道问题已解决。

标签: html html5-validation


【解决方案1】:

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

在模式的开头和结尾添加反斜杠,并确保您没有输入额外的字符,例如空格

【讨论】:

  • 嘿,我也试过了。但是没有用。似乎浏览器坚持陈旧的正则表达式或其他东西存在一些问题。我重新启动了浏览器,它开始按预期工作。感谢您的意见。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多