HTML5的input中的pattern如何限定给定字符的个数?
高洛峰
高洛峰 2017-04-17 11:37:42
0
3
934

例如
我需要限制输入为一到三位数
我现在用的是

pattern="[0-9]?[0-9]?[0-9]?"

我看可以

pattern= "[0-9]{3}"

来指定匹配三位数
也可以

"[0-9]+"
"[0-9]*"

那么有没有指定匹配m-n个数字的方法呢?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(3)
小葫芦

{m,n} 这样应该就可以吧

<form action="#" method="get">
    <input type="text" name="country_code" pattern="[0-9]{1,3}" title="请输入1至3个数字" />
    <input type="submit" />
</form>
いいねを押す +0
阿神
[0-9]{3,5}
いいねを押す +0
Peter_Zhu

pattern属性主要还是来校验你输入的内容和你缩写的正则表达式的内容是否一致.如果不一致,浏览器的自带表单插件会给出适当的提示。

input标签可以通过maxlength来限定最多的位数,最小的位数没有属性来控制。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート