jquery正则
jQuery 正则表达式使用指南
jQuery 本身不提供正则表达式的功能,但可以利用 JavaScript 的原生正则表达式(RegExp)结合 jQuery 进行字符串操作。以下是常见的应用场景和方法。
正则表达式基础语法
JavaScript 中正则表达式通过 RegExp 对象或字面量形式定义:
// 字面量形式
var regex = /pattern/flags;
// 构造函数形式
var regex = new RegExp("pattern", "flags");
常用标志(flags):
i:不区分大小写g:全局匹配m:多行匹配
jQuery 结合正则的常见操作
表单验证
通过正则验证输入内容是否符合规则:

$("#submitBtn").click(function() {
var email = $("#email").val();
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert("请输入有效的邮箱地址");
return false;
}
});
字符串替换
使用 String.replace() 结合正则动态替换内容:
var text = "jQuery is awesome!";
var newText = text.replace(/jQuery/i, "JavaScript");
console.log(newText); // "JavaScript is awesome!"
过滤或提取数据
通过正则匹配提取特定内容:
var html = "<div class='item'>123</div>";
var number = html.match(/class='item'>(\d+)<\/div>/)[1];
console.log(number); // "123"
常用正则示例
-
邮箱验证

/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/ -
手机号验证(中国大陆)
/^1[3-9]\d{9}$/ -
URL 提取
/(https?:\/\/[^\s]+)/g -
去除空格
str.replace(/\s+/g, '')
注意事项
- 性能优化:复杂正则可能导致性能问题,尽量避免在循环中重复创建正则对象。
- 转义字符:特殊字符(如
.、*)需用反斜杠转义(\.、\*)。 - 浏览器兼容性:某些高级特性(如后行断言)可能不被旧浏览器支持。
通过灵活结合 jQuery 的选择器和 JavaScript 的正则能力,可以实现高效的字符串处理和验证逻辑。






