代码如下：
<input id="subscribe-email" type="email" placeholder="john.doe@example.com" />
<button type="submit" id="subscribe-submit" onClick="javascript:omgemailgone();" />
如何仅在电子邮件有效时检查和运行 JS 函数（由用户代理验证，无需额外验证）？
更新。 新的浏览器可以自己验证input=email，也有伪类:valid 和:invalid。仅当浏览器“知道”该电子邮件有效时，我才需要运行功能。
【问题讨论】：
标签： javascript html validation
您可以使用输入元素（在本例中为电子邮件输入字段）的.checkValidity() 方法。这将返回一个布尔值，指示输入是否有效。
这是一个可以玩的小提琴：
还有代码：
<input id="subscribe-email" type="email" required="required" placeholder="john.doe@example.com" />
<button type="submit" id="subscribe-submit" onClick="check()">
click me
</button>
function check()
{
if(!document.getElementById("subscribe-email").checkValidity())
{
//do stuff here ie. show errors
alert("input not valid!");
}else
{
callMeIfValid();
}
}
function callMeIfValid()
{
//submit form or whatever
alert("valid input");
}
【讨论】：
检查Validate email address in JavaScript? 进行验证，然后将其实现到您的 omgemailgone 方法中的 if 语句中（如果有效则继续，否则不执行任何操作）
编辑：
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\
".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA
-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
来自链接
【讨论】：
onClick 事件都会起作用并启动该功能。我尝试了@Bigood 的解决方案，但它总是返回语法错误，即使我改变了模式。
您可以使用Regular expressions 来检查您的omgemailgone() 上的电子邮件是否有效：
function omgemailgone (){
var mail = $('#subscribe-email').val();
//Example of regular expression
if(mail.match(/YourRegexp/)
{
//Do stuff
}
else alert("Invalid e-mail");
}
（这里使用 jQuery）
【讨论】：
你需要一个验证电子邮件并返回 true 或 false 的函数 Validate email address in JavaScript?
<button type="submit" id="subscribe-submit" onClick="javascript:validateEmail(document.getElementById('subscribe-email').value) ? omgemailgone() : alert('email is wrong dude');" />
这是一个快速的解决方案，我建议你正确地做，不要使用内联 onclick js
【讨论】：