文本框只接受一个@

Question

我在html中创建了一个电子邮件字段，我只能接受一个@吗？

例如电子邮件：

chong!#$@gmail.com - 因包含其他特殊字符而无效

或

ch@ng@gmail.com - 也应该无效，因为有两个@。

唯一接受的特殊字符应该只有一个@，如何在javascript / jquery中执行此操作？ 抱歉，我对regex真的不太了解。或者有其他方法来验证电子邮件格式吗？

Answer 1

您可以在输入中使用以下正则表达式：

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

Answer 2

此模式避免用户输入电子邮件＆＃39;不符合电子邮件标准，但也避免将用户名中输入的字符数限制为64个字符以及域中的字符数。

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

其他一些模式用于验证数字，数字和字母以及字母：

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

此外，您可以使用javascript这样的正则表达式 Validate email address in 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>

希望这有帮助。