当前位置:首页 > jquery

jquery正则验证手机号码

2026-02-04 06:57:09jquery

jQuery 正则验证手机号码

使用 jQuery 结合正则表达式验证手机号码是一种常见的前端验证方法。以下是几种实现方式:

基础正则表达式验证

以下正则表达式适用于中国大陆手机号码(11位,以1开头):

var phoneRegex = /^1[3-9]\d{9}$/;

使用 jQuery 事件绑定验证

在表单提交或输入时触发验证:

$('#phoneInput').on('blur', function() {
    var phoneNumber = $(this).val();
    if (!/^1[3-9]\d{9}$/.test(phoneNumber)) {
        alert('请输入有效的手机号码');
        $(this).focus();
    }
});

表单提交时验证

阻止表单提交直到手机号验证通过:

$('#myForm').submit(function(e) {
    var phoneNumber = $('#phoneInput').val();
    if (!/^1[3-9]\d{9}$/.test(phoneNumber)) {
        e.preventDefault();
        alert('手机号码格式不正确');
    }
});

实时反馈验证结果

在输入时实时显示验证状态:

$('#phoneInput').on('input', function() {
    var isValid = /^1[3-9]\d{9}$/.test($(this).val());
    $('#validationMessage').text(isValid ? '有效' : '无效').css('color', isValid ? 'green' : 'red');
});

更精确的手机号段验证

精确匹配各大运营商的号段:

var phoneRegex = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;

国际化手机号验证

如需支持国际号码(以+开头):

jquery正则验证手机号码

var intlPhoneRegex = /^\+[\d]{1,3}[\d]{4,14}$/;

这些方法可以根据实际需求调整正则表达式和验证逻辑。前端验证应始终与后端验证配合使用以确保数据安全。

分享给朋友:

相关文章

js正则实现换行

js正则实现换行

正则表达式匹配换行符的方法 在JavaScript中,正则表达式匹配换行符需要注意不同操作系统的换行符差异。常见换行符包括: \n:Unix/Linux换行符 \r\n:Windows换行符 \r:…

jquery正则匹配

jquery正则匹配

jQuery 正则匹配方法 在jQuery中,正则表达式通常与JavaScript原生方法结合使用,因为jQuery本身并未提供专门的正则匹配API。以下是常见的实现方式: 字符串匹配示例…

js 正则实现金额分割

js 正则实现金额分割

使用正则表达式实现金额分割 在JavaScript中,可以使用正则表达式对金额进行格式化,常见的需求包括千位分隔符的添加。以下是几种实现方法: 方法一:使用正则表达式添加千位分隔符 function…

js实现手机号码抽奖

js实现手机号码抽奖

实现手机号码抽奖的JavaScript方法 基础抽奖功能实现 使用Math.random()生成随机索引从手机号数组中选取中奖号码: const phoneNumbers = ['13800…

java如何使用正则

java如何使用正则

正则表达式基础语法 正则表达式由普通字符(如字母、数字)和元字符(特殊符号)组成。常用元字符: \d:匹配数字(等价于 [0-9]) \w:匹配字母、数字或下划线 .:匹配任意单个字符(…

jquery正则验证

jquery正则验证

jQuery 正则验证的实现方法 在 jQuery 中,正则表达式验证通常用于表单输入验证,确保用户输入符合特定格式要求。以下是几种常见的实现方式: 使用 test() 方法进行验证 var em…