jquery正则表达式验证:验证邮箱格式是否正确

需求说明:

  使用正则表达式验证页面文本输入框,输入的数据为邮箱格式。

代码说明:

  这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它逻辑判断可自己添加。

步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。

步骤二:编写正则表达式。

代码部分如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.min.js" ></script>
</head>
<body>

</body>
<script>
    //这里默认页面加载时验证输入数据
    $(function () {
        var value="13320000000@qq.com";
        if(validatorEmail(value)){
            console.log("参数:符合验证要求");
        }else{
            console.log("参数: 不符合验证要求");
        }
    })

    /*
     * 验证邮箱格式是否正确
     */
    function validatorEmail(value){
        // 正则验证格式
        eval("var reg = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;");
        return RegExp(reg).test(value);
    }
</script>
</html>