文本框僅接受一個@

Question

我正在html中創建一個電子郵件字段，我只能接受一個@嗎？

例如電子郵件：

chong!#$@gmail.com應該無效，因為其中包含其他特殊字符

要么

ch@ng@gmail.com也應該無效，因為有兩個@ 。

唯一接受的特殊字符只能是一個@ ，如何在javascript / jquery中做到這一點？ 抱歉，我真的對正則表達式了解不多。 還是有另一種方法來驗證電子郵件格式？

Answer 1

您可以在輸入中使用以下正則表達式：

 <input type="email" pattern="[a-zA-Z0-9.]+\@[a-zA-Z0-9.]+\.[a-zA-Z]+" />

Answer 2

這種模式可以避免用戶輸入不符合電子郵件標准的“電子郵件”，但是也可以避免將用戶名中輸入的字符數限制為64個字符，並且將域中的字符數也限制為。

• ^ [A-Z0-9 ._％+-] {1,64} @（？：[A-Z0-9-] {1,63}。）{1,125} [AZ] {2,63} $

驗證數字，數字和字母以及僅字母的其他一些模式：

• ^ [0-9] + $
• ^ [a-zA-Z0-9] + $
• ^ [a-zA-Z] + $

您還可以將正則表達式與javascript一起使用，例如在JavaScript中驗證電子郵件地址嗎？ 這另一頁對於檢查您的正則表達式模式是否正常工作非常有用http://regexr.com/

Answer 3

嘗試使用這個。 如果格式不正確，它將打開一個彈出窗口，解釋錯誤：

<form>
    <input pattern="[a-zA-Z0-9.]+\@[a-zA-Z0-9.]+\.[a-zA-Z]+" title="Write your error here" />
    <input type="submit" />
</form>

希望這可以幫助。