通过jquery验证Email表单

共计 626 个字符，预计需要花费 2 分钟才能阅读完成。

在提交表单数据到服务器之前，通常需要在客户端进行一次验证，以确保用户提交数据的有效性。

通过 jquery，我们可以对用户填写的 Email 地址进行验证。下面的代码片段完成了对 Email 表单字段的验证。

(function ($) {$.fn.validateEmail = function () {return this.each(function () {var $this = $(this);
            $this.change(function () {var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                if ($this.val() == "") {$this.removeClass("badEmail").removeClass("goodEmail")
                }else if(reg.test($this.val()) == false) {$this.removeClass("goodEmail");
                    $this.addClass("badEmail");
                }else{$this.removeClass("badEmail");
                    $this.addClass("goodEmail");
                }
            });
        });
    };
})(jQuery);

在代码中，如果用户输入的是合法的 Email 地址，例如 example@example.example，那么就会为字段添加 goodEmailclass 类，否则添加 badEmailclass 类。