javascript – 如果电子邮件输入字段有效,如何使用onClick?

这是代码
<input id="subscribe-email" type="email" placeholder="john.doe@example.com" />
            <button type="submit" id="subscribe-submit" onClick="javascript:omgemailgone();" />

如果电子邮件有效,我如何检查和运行JS功能(由用户代理验证,没有其他验证)?

UPDATE.
新浏览器可以自己验证input = email,也有伪类:valid和:invalid.我只有在浏览器’知道’电子邮件有效时才需要运行功能.

解决方法

您可以使用input元素的.checkValidity()方法(在本例中为电子邮件输入字段).这将返回一个布尔值,表示输入是否有效.
这是一个小提琴:

http://jsfiddle.net/QP4Rc/4/

代码

<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");
}

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...