通常情况下,网站的用户注册或者其他操作,如果涉及到邮箱的填写,都会进行格式验证。
下面就分享一下如何实现邮箱格式正确性的验证功能。
一.邮箱的格式:
明确邮箱的格式,才能够知道如何去验证。
登录名@主机名.域名
邮箱由@分隔:
左边:登陆名。
右边:完整的主机名,它由主机名与域名 组成。其中,域名由几部分组成,每一部分称为一个子域(Subdomain),各子域之间用圆点“.”隔开,每个子域都会告诉用户一些有关这台邮件服务器 的信息。
二.验证代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <script> function vailEmail() { var ospan = document.getElementById("error"); var email = jQuery("#email").val(); var message = ""; var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if (email == '') { message = "邮箱不能为空!"; } else if (!myreg.test(email)) { message = "请输入有效的邮箱地址!"; } else { message = "邮箱格式正确"; } ospan.innerHTML = message; } window.onload = function () { var obt = document.getElementById("bt"); obt.onclick = function () { vailEmail() } } </script> </head> <body> <input type="text" id="email"/><br/> <span id="error"></span><br/> <input type="button" id="bt" value="查看效果"/> </body> </html>
本文地址: http://www.zzsi.net/code/web/98325.html
本站部分资源来源与网络,仅供学习参考使用,请勿商用,如侵犯了您的权益,请联系我们删除。