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 中进行各种数据验证。
