jQuery自定义函数验证邮箱格式

最新推荐文章于 2025-08-15 09:01:53 发布

weixin_34204722

最新推荐文章于 2025-08-15 09:01:53 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/340046

本文介绍了一个简单的jQuery插件，用于验证表单中的电子邮件地址格式是否正确。该插件通过正则表达式匹配来检查邮箱的有效性，并在网页上提供了一个示例函数用于演示如何在表单提交前进行邮箱格式验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery.fn.checkEmail = function() { // 自定义jQuery方法
        var email_val = $(this).val();
        reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
        if (!reg.test(email_val)) {
            return true; // 格式有误
        } else {
            return false;
        }
    }

前提是引用了jQuery.js文件

使用方法。

$().checkEmail();

实例

function checkform() {
        if ($('#account').val().trim() == '') {
            alert('请输入账号');
            $('#account').focus();
            return false;
        }

        if ($('#account').checkEmail()) {
            alert('账号格式不正确');
            $('#account').focus();
            return false;
        }

        if ($('#password').val().trim() == '') {
            alert('请输入密码');
            $('#password').focus();
            return false;
        }

        if ($('#verify').val().trim() == '') {
            alert('请输入验证码');
            $('#verify').focus();
            return false;
        }
        return true;
    }