Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Textbox只接受一个@_Javascript_Jquery_Html - Fatal编程技术网

Javascript Textbox只接受一个@

Javascript Textbox只接受一个@,javascript,jquery,html,Javascript,Jquery,Html,我正在html中创建电子邮件字段,我只能接受一个@ 例如电子邮件: chong#$@gmail.com-应该无效,因为还包含其他特殊字符 或 ch@ng@gmail.com-也应该是无效的,因为有两个@ 唯一可接受的特殊字符应该只有一个@,在javascript/jquery中如何做到这一点? 对不起,我真的不太懂正则表达式。或者是否有其他方法验证电子邮件格式?您可以在输入中使用以下正则表达式: <input type="email" pattern="[a-zA-Z0-9.]+\@[a

我正在html中创建电子邮件字段,我只能接受一个
@

例如电子邮件:

chong#$@gmail.com
-应该无效,因为还包含其他特殊字符

ch@ng@gmail.com
-也应该是无效的,因为有两个
@

唯一可接受的特殊字符应该只有一个
@
,在javascript/jquery中如何做到这一点?
对不起,我真的不太懂正则表达式。或者是否有其他方法验证电子邮件格式?

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

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

尝试使用此选项。如果格式不正确,将打开一个解释错误的弹出窗口:

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


希望这有帮助。

此模式避免用户输入不符合电子邮件标准的“电子邮件”,同时也避免将用户名中输入的字符数限制为64个字符以及域中的字符数

  • ^[A-Z0-9.{1,64}(?[A-Z0-9-]{1,63}。){1125}[A-Z]{2,63}$
验证数字、数字和字母以及仅验证字母的其他一些模式:

  • ^[0-9]+$
  • ^[a-zA-Z0-9]+$
  • ^[a-zA-Z]+$
您还可以将正则表达式与
javascript
一起使用,如下所示 这个页面对于检查正则表达式模式是否正常工作非常有用

这不足以验证电子邮件,因为这样一来
@
将被视为有效电子邮件,以及
me@gmail
和许多其他不完整的地址。@Addison-
me@gmail
是有效的电子邮件地址