jquery正则表达式验证

jQuery 正则表达式验证方法

在 jQuery 中，可以通过正则表达式对输入内容进行验证。以下是一些常见的验证场景及实现方式。

邮箱验证

使用正则表达式验证邮箱格式是否符合标准：

var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var email = "example@domain.com";
if (emailRegex.test(email)) {
    console.log("邮箱格式正确");
} else {
    console.log("邮箱格式错误");
}

手机号验证

验证国内手机号格式（11位数字，以1开头）：

var phoneRegex = /^1[3-9]\d{9}$/;
var phone = "13800138000";
if (phoneRegex.test(phone)) {
    console.log("手机号格式正确");
} else {
    console.log("手机号格式错误");
}

密码强度验证

验证密码是否包含大小写字母和数字，长度8-16位：

var passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,16}$/;
var password = "Password123";
if (passwordRegex.test(password)) {
    console.log("密码强度符合要求");
} else {
    console.log("密码强度不足");
}

表单实时验证

结合 jQuery 事件实现表单实时验证：

$("#email").on("input", function() {
    var email = $(this).val();
    var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
    if (emailRegex.test(email)) {
        $(this).removeClass("error").addClass("success");
    } else {
        $(this).removeClass("success").addClass("error");
    }
});

常用正则表达式

• 数字：/^\d+$/
• 中文：/^[\u4e00-\u9fa5]+$/
• URL：/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
• 身份证号：/^\d{17}[\dXx]$/

通过以上方法，可以灵活运用正则表达式在 jQuery 中进行各种数据验证。