HTML5接受的特定输入

时间:2019-04-26 14:01:32

标签: html5 input

我有这些特殊的要求,只有使用HTML5输入模式才能满足这些要求,而不能使用JavaScript。

•名字和姓氏必须至少包含2个字符,并且必须以大写字母开头。

•电话号码必须使用澳大利亚格式:+ 61xx-xxxx xxxx

•仅接受组织的电子邮件地址:name@organisation.org.auy

我是HTML5的新手,我已经尝试了一些模式,但是它们都不完美。如果有人可以帮忙。 再次只允许HTML5,没有JavaScript。

1 个答案:

答案 0 :(得分:0)

模式输入接受通用正则表达式,其类型与javascript中使用的类型相同。

一个澳洲电话号码正则表达式非常简单:

\+61[0-9]{2}-[0-9]{4} [0-9]{4}

换句话说,以“ +61”开头,然后是0-9中的2个字符,然后是“-”,然后是4个字符0-9,然后是一个空格,然后是另外4个字符0-9,尽管来自UX角度来看,如果必须以+61开头,那么让用户键入它似乎很愚蠢。

至少2个字母的正则表达式,首字母也非常简单

[A-Z]+[a-zA-Z]+

用单词表示,一个或多个大写字母字符,然后是一个或多个大写或小写字符。

电子邮件正则表达式非常复杂,但涵盖大多数情况的简单方法是:

[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$

输入类型的电子邮件也涵盖了大多数用例。