当前位置：首页 > jquery

jquery正则表达式验证

2026-04-08 13:40:53jquery

jQuery 正则表达式验证方法

在 jQuery 中，正则表达式常用于表单验证、字符串匹配等场景。以下是几种常见的验证方法：

使用 test() 方法验证字符串

var regex = /^[a-zA-Z0-9]+$/;
var str = "Test123";
if (regex.test(str)) {
    console.log("验证通过");
} else {
    console.log("验证失败");
}

在 jQuery 事件中使用正则验证

$("#inputField").on("blur", function() {
    var value = $(this).val();
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailRegex.test(value)) {
        alert("请输入有效的邮箱地址");
    }
});

常用验证正则表达式示例

邮箱验证：
```
/^[^\s@]+@[^\s@]+\.[^\s@]+$/
```
手机号验证（中国大陆）：
```
/^1[3-9]\d{9}$/
```
身份证号验证（简易版）：
```
/^\d{17}[\dXx]$/
```
密码强度（至少8位，含大小写和数字）：
```
/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/
```

使用 jQuery Validation 插件

如果需要更复杂的表单验证，可以使用 jQuery Validation 插件：

引入插件：

<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>

定义验证规则：

$("#myForm").validate({
    rules: {
        username: {
            required: true,
            minlength: 3
        },
        email: {
            required: true,
            email: true
        }
    }
});

自定义验证方法：

$.validator.addMethod("customRegex", function(value, element, regex) {
    return this.optional(element) || regex.test(value);
}, "请输入有效的格式");

实时输入验证示例

jquery正则表达式验证

$("#username").on("input", function() {
    var username = $(this).val();
    var usernameRegex = /^[a-zA-Z0-9_]{3,16}$/;
    if (usernameRegex.test(username)) {
        $("#usernameError").text("");
    } else {
        $("#usernameError").text("用户名必须是3-16位字母、数字或下划线");
    }
});

这些方法可以根据实际需求进行调整和组合，实现各种复杂的验证场景。