jquery正则表达式
jQuery 正则表达式基础
jQuery 本身并未扩展 JavaScript 的正则表达式功能,但可以结合原生 JavaScript 的 RegExp 对象使用。正则表达式用于字符串匹配、替换和验证。
创建正则表达式:
// 字面量方式
var regex = /pattern/flags;
// 构造函数方式
var regex = new RegExp("pattern", "flags");
常用标志:
i:不区分大小写g:全局匹配m:多行匹配
常用正则方法
test() 方法
检测字符串是否匹配模式,返回布尔值:
var regex = /hello/i;
console.log(regex.test("Hello World")); // true
exec() 方法
返回匹配结果的数组或 null:
var regex = /hello (\w+)/i;
var result = regex.exec("Hello World");
console.log(result[1]); // "World"
jQuery 结合正则表达式
表单验证示例
验证邮箱格式:
$("#email").on("blur", function() {
var email = $(this).val();
var regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
if (!regex.test(email)) {
alert("Invalid email format");
}
});
字符串替换
使用正则全局替换:
var str = "jQuery is great, jQuery is fast";
var newStr = str.replace(/jQuery/gi, "JavaScript");
console.log(newStr); // "JavaScript is great, JavaScript is fast"
常用正则模式
- 数字:
/^\d+$/ - 字母:
/^[a-zA-Z]+$/ - 字母数字:
/^[a-zA-Z0-9]+$/ - URL:
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ - 日期 (YYYY-MM-DD):
/^\d{4}-\d{2}-\d{2}$/
动态生成正则表达式
通过字符串变量构建正则:

var searchTerm = "jQuery";
var regex = new RegExp(searchTerm, "gi");
var matches = "Learn jQuery".match(regex); // ["jQuery"]
注意事项
- 特殊字符需转义:
[ \ ^ $ . | ? * + ( )需用\\转义 - 优先使用字面量语法(性能更优)
- 复杂正则建议添加注释说明:
var regex = /^\d{3}-\d{2}-\d{4}$/; // 匹配SSN格式:123-45-6789






