当前位置:首页 > jquery

jquery正则表达式

2026-04-08 02:34:58jquery

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}$/

动态生成正则表达式

通过字符串变量构建正则:

jquery正则表达式

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

分享给朋友:

相关文章

react 如何引入jquery

react 如何引入jquery

安装 jQuery 库 在 React 项目中引入 jQuery 的第一步是安装 jQuery。可以通过 npm 或 yarn 安装: npm install jquery # 或 yarn a…

jquery手册

jquery手册

jQuery手册概览 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。 核心方法 $(selector…

jquery 元素

jquery 元素

jQuery 元素选择与操作 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery 中常用的元素选择与操作方法…

jquery字符串

jquery字符串

jQuery 字符串操作 jQuery 提供了多种方法来处理字符串,尽管它主要是一个 DOM 操作库,但字符串处理在动态内容生成和数据交互中非常常见。 字符串拼接与连接 使用 JavaScript…

jquery上传

jquery上传

jQuery 文件上传的实现方法 jQuery 可以通过多种方式实现文件上传功能,以下介绍几种常见的方法: 使用原生表单和 AJAX 通过 HTML 表单结合 jQuery 的 AJAX 功能实现文…

jquery 3

jquery 3

jQuery 3 简介 jQuery 3 是 jQuery 库的主要版本更新,于 2016 年发布。它专注于现代化、性能优化和移除过时 API,同时保持向后兼容性。jQuery 3 分为两个分支:…