JavaScript之E-mail 地址格式验证

最新推荐文章于 2024-06-25 09:46:30 发布

贾继康

最新推荐文章于 2024-06-25 09:46:30 发布

阅读量6.2k

点赞数 2

分类专栏：前端文章标签： javascript 邮箱

本文链接：https://blog.csdn.net/Jiajikang_jjk/article/details/79711649

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

JavaScript之E-mail 验证

目的：
E-mail 验证
要求：
输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号。

1：代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>利用JavaScript验证是否符合电子邮箱地址</title>
</head>
<script type="text/javascript">
    // 创建第一个函数validate_emil()并包含两个参数
    function validate_email(field, alerttxt) {
        with (field) {
            //利用indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos
            apos = value.indexOf("@");
            //利用lastIndexOf() 方法返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索--
            //stringObject.lastIndexOf(searchvalue,fromindex)
            //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。
            dotpos = value.lastIndexOf(".");
            // 判断符合"@"的位置，或者"."的位置是否在"@"的后面
            if (apos < 1 || dotpos - apos < 2) {
                // 利用alert()弹出一个警告窗来执行alerttxt的操作
                // 邮箱地址不符合
                alert(alerttxt);
                return false;
            } else {
               // 邮箱地址符合
                return true;
            }
        }
    }
    // 创建第二个函数validate_form()并包含一个参数
    function validate_form(thisform) {
        with (thisform) {
            if (validate_email(email, "Not a valid e-mail address!") == false) {
                // 利用focus()将输入焦点移至对象上
                email.focus();
                return false;
            }
        }
    }
</script>
<body>
    <!-- onsubmit是一个验证表单功能,为true提交， -->
    <form action="submitpage.htm" onsubmit="return validate_form(this);" method="post">
        Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit">
    </form>

</body>

</html>

2：结果
这里写图片描述
下图则说明了自己输入的邮箱格式是准确的，至于存在不存在另当别论！

贾继康

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript之E-mail 地址格式验证

JavaScript之E-mail 验证目的： E-mail 验证要求：输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号。1：代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>利用JavaScript验证是否符合电子邮箱地址</title></head>
复制链接

扫一扫