这是代码:
<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()方法(在本例中为电子邮件输入字段).这将返回一个布尔值,表示输入是否有效.
这是一个小提琴:
这是一个小提琴:
和代码:
<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"); }
原文地址:https://www.jb51.cc/js/158666.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。