Javascript 如何在HTML5中验证输入类型文本字段上的电子邮件

我想验证文本字段（即

字段）上的电子邮件地址。我知道在html5中，电子邮件有一个单独的字段，即

。但由于某些原因，我不能/不想使用该标签。在HTML5中还有默认的验证消息。但我正在使用以下内容来显示自定义验证消息：

oninvalid='this.setCustomValidity("please enter your first name")' oninput='setCustomValidity("")'

---

对于我的

必填

文本字段，此代码工作正常。我想用与自定义消息相同的方式验证我的电子邮件地址，如：您没有包含@sign或您没有包含域名等。如何使用类似的模式来显示自定义HTML 5消息的电子邮件验证。

可能重复的@ceejayoz，他们正在使用警报框显示它是使无效我希望HTML 5验证消息像工具提示一样出现在字段附近。@Teomanshipahi来自您提到的链接，从那里我只在文本字段中添加了oninvalidate和oninput事件属性。可能重复的@ceejayoz在那里可能重复他们正在使用警报框显示它是无效的。我希望HTML 5验证消息像工具提示一样出现在字段附近。@Teomanshipahi来自您提到的链接，从那里我在文本字段中添加了oninvalidate和oninput事件属性。