jquery正则
jQuery 正则表达式使用指南
jQuery 本身不提供正则表达式功能,但可以结合 JavaScript 的原生正则表达式进行字符串操作。以下是常见的使用场景和方法。
创建正则表达式
JavaScript 中正则表达式可通过字面量或构造函数创建:
// 字面量形式
var regex1 = /pattern/flags;
// 构造函数形式
var regex2 = new RegExp('pattern', 'flags');
常用正则方法
test() 方法
检查字符串是否匹配模式,返回布尔值:

var str = "Hello World";
var pattern = /hello/i;
console.log(pattern.test(str)); // true
exec() 方法
返回匹配结果的数组或 null:
var result = /\d+/.exec("abc123");
console.log(result[0]); // "123"
jQuery 结合正则的常见场景
表单验证
使用正则验证输入内容:

$("#submit-btn").click(function() {
var email = $("#email").val();
var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailPattern.test(email)) {
alert("Invalid email format");
}
});
字符串替换
使用 replace() 方法结合正则:
var text = "jQuery is great";
var newText = text.replace(/great/, "awesome");
console.log(newText); // "jQuery is awesome"
过滤数据
使用正则筛选数组元素:
var arr = ["apple", "banana", "cherry"];
var filtered = arr.filter(function(item) {
return /^a/.test(item);
});
console.log(filtered); // ["apple"]
常用正则模式示例
- 邮箱验证:
/^[^\s@]+@[^\s@]+\.[^\s@]+$/ - 手机号码:
/^1[3-9]\d{9}$/ - 密码强度(至少8位,含大小写和数字):
/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/
注意事项
- 动态构建正则时使用
RegExp构造函数,注意转义字符需双重转义(如\\d)。 - 全局匹配(
g标志)时,exec()会记录上次匹配位置,需循环调用直至返回 null。 - jQuery 的
val()、text()等方法获取的字符串可直接用于正则操作。
通过结合 JavaScript 原生正则功能,jQuery 能高效处理各类字符串匹配、验证和替换需求。






