当前位置:首页 > jquery

jquery正则验证手机号码

2026-02-04 06:57:09jquery

jQuery 正则验证手机号码

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

基础正则表达式验证

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

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

使用 jQuery 事件绑定验证

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

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('手机号码格式不正确');
    }
});

实时反馈验证结果

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

jquery正则验证手机号码

$('#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}$/;

国际化手机号验证

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

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

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

分享给朋友:

相关文章

vue正则实现注册登录

vue正则实现注册登录

实现注册登录的正则验证 在Vue中实现注册登录功能时,正则表达式常用于验证用户输入的有效性。以下是常见的验证场景和对应的实现方法。 用户名验证 用户名通常要求包含字母、数字或下划线,长度在3-16个…

js 正则实现金额分割

js 正则实现金额分割

金额分割需求分析 在JavaScript中实现金额分割通常指将数字格式化为带有千分位分隔符的字符串,例如将1234567.89转换为1,234,567.89。这种格式化有助于提升大数字的可读性。…

js实现手机号码抽奖

js实现手机号码抽奖

实现手机号码抽奖的JavaScript代码 以下是一个简单的手机号码抽奖实现,包含随机抽取、去重和展示功能。 // 存储参与抽奖的手机号码 const phoneNumbers = [ '1…

js正则实现换行

js正则实现换行

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

jquery正则验证

jquery正则验证

jQuery 正则验证的实现方法 使用 jQuery 结合正则表达式进行表单验证是一种常见的前端验证方式。以下是几种实现方法: 基础正则验证示例 $('#inputField').on('blur…

jquery正则匹配

jquery正则匹配

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