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

前端之家收集整理的这篇文章主要介绍了javascript – 如果电子邮件输入字段有效,如何使用onClick?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是代码
  1. <input id="subscribe-email" type="email" placeholder="john.doe@example.com" />
  2. <button type="submit" id="subscribe-submit" onClick="javascript:omgemailgone();" />

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

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

解决方法

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

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

代码

  1. <input id="subscribe-email" type="email" required="required" placeholder="john.doe@example.com" />
  2.  
  3. <button type="submit" id="subscribe-submit" onClick="check()">
  4. click me
  5. </button>
  6.  
  7. function check()
  8. {
  9. if(!document.getElementById("subscribe-email").checkValidity())
  10. {
  11.  
  12. //do stuff here ie. show errors
  13. alert("input not valid!");
  14.  
  15. }else
  16. {
  17. callMeIfValid();
  18. }
  19. }
  20.  
  21. function callMeIfValid()
  22. {
  23. //submit form or whatever
  24. alert("valid input");
  25. }

猜你在找的JavaScript相关文章