HTML - 特殊输入电子邮件模式,提供更多选项

时间:2016-07-13 10:56:03

标签: html html5

我需要一个特定的电子邮件输入模式。应该有两个选项:

john@doe.com

john@doe.com:任何

我需要适应":任何事情"并在"之后做出更多可能性:"。

目前我正在使用此功能,但它仅对普通电子邮件进行验证:

<input class="input-fields" id="formUsername" name="username" type="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}" autofocus required/>

我尝试了很多组合,但我可以找出合适的组合。

2 个答案:

答案 0 :(得分:0)

你不能只添加更多文本框(仅用于额外部分fiddle here)?

Optional(only for blahblahblah):
<input class="optional-fields" title="optional" id="designation" type="text" pattern="[a-z]{5,}">

答案 1 :(得分:0)

你可以在你的正则表达式中添加':?\ w *',所以看起来像

[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,3}:?\w*