2016-07-13 65 views
1

我需要特定的電子郵件輸入模式。應該有2種選擇:HTML - 更多選項的特殊輸入電子郵件模式

[email protected]

[email protected]:什麼

我需要以適應 「:什麼」,並經過了更多的可能性「 :」。

目前我使用的這一點,但它只是驗證了正常的電子郵件:

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

我試過很多的組合,但我不能找出正確的一個。

回答

0

您可以添加 '?:\ W *' 到你的正則表達式,所以它看起來像

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

我可以問這到底是如何工作的?試圖在這裏添加它,但沒有工作 –

+0

':?'意思是'零或以下之一':' \ w *'意思是'零個或多個字符' 所以它的電子郵件正則表達式與可選':字符串' – daymosik

+0

以及有道理,生病嘗試適應它讓它起作用。感謝您的提示:) –

0

難道你不能只是添加更多的文本框(只爲額外的部分fiddle here)?

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

這並不解決問題。 Imagination有兩個電子郵件輸入標記爲插入形式「[email protected]」在這裏和[email protected]:這裏有點不可接受 –

+0

什麼':這裏'和':什麼'意思是 –

+0

這些是在那裏確定特殊用戶 –