Html 如何检查输入的电子邮件是否有@&引用；在上面

我有一个电子邮件文本字段设置为必填，我希望它显示您需要在电子邮件中包含“@”的文本。比如当你按下按钮而不在字段上键入任何内容时，它显示“填写此字段”。我怎么做？谢谢

 EXAMPLE:
     <input type="text" name="email" required>

示例：

如果您将HTML5用作：

<input type="email" name="email" required>

在PHP的情况下，它会像

if (filter_var($email, FILTER_VALIDATE_EMAIL))

---

如果您将HTML5用作：

<input type="email" name="email" required>

在PHP的情况下，它会像

if (filter_var($email, FILTER_VALIDATE_EMAIL))

您可以使用（自HTML5起）进行检查：

如果格式不正确，它将显示警告（工具提示或字段周围的红色，具体取决于浏览器）

或者，在发送表单后，您可以在服务器端进行检查。例如，对于PHP，您可以使用您可以使用（从HTML5开始）进行检查：

如果格式不正确，它将显示警告（工具提示或字段周围的红色，具体取决于浏览器）

也可以在发送表单后在服务器端进行检查。例如，对于PHP，可以使用

使用模式属性

<input type="text" name="email" pattern=".*[@]+.*" />

<input type="email" name="email" required />

更多详细信息请访问：

使用模式属性

<input type="text" name="email" pattern=".*[@]+.*" />

<input type="email" name="email" required />

---

更多详细信息请访问：

如果您使用html5，则可以使用类型“email”并自动进行检查。或者，您认为应该使用javascript进行检查。如果您使用html5，则可以使用类型“email”并且是自动检查的。或者，你认为应该使用javascript进行检查。好的，我已经检查了，但我必须等待3分钟。我不知道为什么：）无论如何，谢谢。我会将它标记为已接受。如果您将

类型

用作

电子邮件

，则无需使用

模式。这是不必要的！这里的模式是无用的。
文本
属性的情况下，对于许多无效的电子邮件地址模式，正则表达式将失败。例如
测试。@@gmail.com
不是有效的电子邮件地址，但模式会传递它：）不想大惊小怪，只是吹毛求疵。@grasisg这不是问题所在。稍后会有其他人遇到与您相同的问题，他们应该阅读P的答案，因为它更有效。我已经这样做了，但我必须等待3分钟。我不知道为什么：）无论如何谢谢你。我会将其标记为已接受。如果您使用的是
类型
作为
电子邮件
，则无需使用
模式。那没必要！模式在这里是无用的，同样在
text
属性的情况下，对于许多无效的电子邮件地址模式，正则表达式将失败。例如，
test。@@gmail.com
不是有效的电子邮件地址，但模式会通过：）不想大惊小怪，只是吹毛求疵。@grasisg这不是问题所在。稍后会有其他人遇到与您相同的问题，他们应该阅读P的答案，因为它更有效