HTML输入框pattern正则规则定制咨询:三类格式需求
HTML输入框pattern属性正则规则方案
针对你需要的三种输入校验场景,对应的正则规则及用法如下:
1. 仅接受纯字母
正则规则:^[A-Za-z]+$
- 规则解释:
^匹配输入开头,[A-Za-z]覆盖大小写英文字母,+要求至少输入一个字母,$匹配输入结尾,确保整个内容没有数字或其他字符。 - HTML示例:
<input type="text" pattern="[A-Za-z]+" title="请输入纯英文字母,不允许数字或其他字符">
2. 仅接受字母与点号(格式如firstname.name)
正则规则:^[A-Za-z]+(\.[A-Za-z]+)*$
- 规则解释:开头必须是至少一个字母,后续可以重复出现「点号+至少一个字母」的组合,避免点号出现在开头、结尾或连续出现的情况,支持多段字母用点分隔的格式。
- HTML示例:
<input type="text" pattern="[A-Za-z]+(\.[A-Za-z]+)*" title="请输入字母和点号组合,格式示例:firstname.name">
3. 仅接受数字与括号(())
正则规则:^[\d()]+$(或等价的^[0-9()]+$)
- 规则解释:
[\d()]匹配数字0-9和左右括号,+要求至少输入一个字符,确保输入内容只有数字和括号。 - HTML示例:
<input type="text" pattern="[\d()]+" title="请输入数字和括号的组合">
内容的提问来源于stack exchange,提问作者arnaud92
相关产品推荐
相关产品推荐

