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