文本框仅接受一个@

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>

希望这可以帮助。