手机号输入框过滤非数字

手机号码合法性判断  问题描述: 我国大陆运营商的手机号码标准格式为:国家码+手机号码,例如:8613912345678。特点如下: 1、 长度13位; 2、 以86的国家码打头; 3、 手机号码的每一位都是数字。 请实现手机号码合法性判断的函数要求: 1) 如果手机号码合法,返回0; 2) 如果手机号码长度不合法,返回1 3) 如果手机号码中包含非数字的字符,返回2; 4) 如果手机号码不是以86打头的,返回3; 立即下载
  • 添加手机号输入框,绑定事件

    <input type="number" placeholder="请输入手机号" v-model="mobile" @keyup="filterTel" @blur="blurTel"/>
    
  • 添加输入、失焦事件,过滤非法字符

    methods中添加以下方法

    //输入事件
    filterTel: function () {
       this.mobile = this.mobile.replace(/[^\d]/g, '')
    }
    //失焦事件
    blurTel: function () {
       this.filterTel();
       let regPhone = new RegExp(/^1(3|4|5|6|7|8|9)\d{9}$/)
       if(!regPhone.test(this.mobile)){
          console.log('请正确输入手机号')
       }
    }
    
输入框过滤非数字的js代码 主要介绍js过滤输入框中非数字的字符,很简单,但很实用,需要的朋友可以参考下 立即下载

相关推荐

深入解析Android Thermal框架:从应用层到驱动层的温度管理机制

本文深入解析Android Thermal框架的温度管理机制,从应用层到驱动层详细介绍了温度监测、热状态评估和降温策略执行的全过程。通过分层架构解析和关键组件交互,帮助开发者理解Android设备如何实现高效的温度控制,确保硬件安全并优化性能。

weixin_29303701的博客 256

uni-app如何监听input输入,小写变成大写,并且过滤掉不想要的字符?!

在做input输入过滤监听的时候,用watch监听改变值,界面上的值会雷打不动的不按照你的思维变化,以下监听只是一个示例,需要其他过滤字符的,需要修改正则表达式。 这里提供,监听输入的时候,只能是数字和字母,并且小写字母要变为大写字母。不废话,直接上代码: 输入框准备完毕,因为要自己监听输入,因此把v-model拆分使用,input的方法是重点 <input type="text" p...

山野里的小菊花 5166

Calibre PEX提取HSPICE网表时如何避免‘net 0‘错误?实测解决方案分享

本文详细解析了Calibre PEX提取HSPICE网表时出现的'net 0'错误,提供了从规则文件修改到网表后处理的四步解决方案。通过实战案例和进阶调试技巧,帮助工程师有效避免节点映射错误,确保后仿真精度。特别针对SPICE netlist生成机制提出了优化建议。

weixin_29279153的博客 387

Vue中input过滤非数字

新手小白遇到遗留的bug问题,解决input输入查询中数据类型不一致问题。前端查询id条件,后端定义编号id为integer类型,前人挖坑后人填坑(本想直接干掉id查询,,),方法是前端input中过滤非数字,如以下例子 `v-model="query.id" 改为: v-model.number="query.id" οninput="value=value.replace(/^\.+|[^\d.]/g,'')" 用于监听键盘输入,使用正则过滤掉其他字符 结果后面发现数字数字大于Integer的MAX_

qq_38864315的博客 1574

使用DevExpress22.X(Patch)控件库在VisualStudio2022使用C#进行Winform、WPF应用的开发,看这一篇就够了!

写在开头,Dev Express是个十分强大的控件库(下文简称Dev),但碍于其高昂的使用费用,“出于学习目的”,我们一般使用的都是Patch版本(在版权意识日趋加强的当下,不要提那两个字,现在加上那些字,百度都搜不出内容)。

平凡之路 2万+

如何编译RustDesk(Unbuntu 和Android版本)

备注:官方文档上,一边都是基于sciter,这个在后面已经不建议使用了,但是依然可以编译刚开始的时候看官方的文档,涉及的东西比较多,也搞的一头雾水,通过B站上一个视频,可以通过CI/CD来编译,以及act本地试试(最终放弃,大概需要下载大几十G的容器下来)。最终总算明确了方向,可以用自动化流水线来编译。直接看CI/CD的脚本文件文件在.github/workflows目录下,重点研究 bridge.yml 和flutter-build.yml 这两个文件。

lvronglee的专栏 2547

文本框中禁止非数字字符输入比如手机号码、邮编

禁止非数字字符输入的文本框,比如手机号码了 邮编。 代码: 禁止非数字字符输入的文本框-www.jbxue.com jQuery(document).ready(function($) { // Stuff to do as soon as the DOM is ready; var phone=$('#phone'); $(phone).o

vip_linux的专栏 991

SAP Fiori单点登录避坑指南:从SAML原理到实战,解决‘第一次登录跳转主页失败’和‘偶发进不了单点’

本文深入解析SAP Fiori单点登录(SSO)的SAML实战与疑难排查,涵盖SAML协议核心机制、SICF登录优先级控制及安全诊断工具的高级用法。针对‘首次登录跳转主页失败’和‘偶发单点登录失效’问题,提供从配置优化到生产环境稳定运行的全面解决方案,助力企业高效实现数字化转型。

weixin_29327977的博客 405

实现一个手机号码输入框,显示格式为3 4 4

手机号码输入框

weixin_64895072的博客 851

SpringBoot系列之实现一个AI聊天助手

本文介绍了基于Spring Boot框架实现的AI聊天助手项目。该项目使用Spring Boot 3.2.3、Spring AI 1.0.0-M5等技术栈,集成DeepSeek-R1-Distill-Llama-8B模型实现智能对话功能。文章详细介绍了项目配置流程、运行方式和核心代码实现,包括ChatMessage模型类和服务类ChatService的关键功能,如消息处理、历史记录管理和AI响应获取等。读者可通过提供的GitHub链接获取完整代码,快速搭建自己的AI聊天应用。

Nicky's blog 1449

芒果YOLOv7改进48:主干篇:独家首发改进:目标检测新范式骨干PPHGNetv2改进版,充分融合信息特征,提升YOLOv7检测能力

YOLOv7代码改进实践 | 独家首发改进 PPHGNetv2 改进版结构

包括YOLOv5、YOLOv7、YOLOv8等模型改进 1847

input,el-input输入框正则验证输入的非数字转为空

el-input v-model="unboundTel" placeholder="请输入解绑手机号" clearable @blur="unbondBlur" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')"></el-input>

qq_56715703的博客 773

强化学习算法案例——一个经典的走迷宫任务。

作者:禅与计算机程序设计艺术 1.简介 在强化学习(Reinforcement Learning, RL)中,有一个经典的任务——走迷宫,其原理简单易懂,但它的实际意义却深远,它让计算机学习如何通过策略网络(policy network),以最佳的方式解决复杂的任务。本文将介绍如何用强化学习解决这个经典

AI天才研究院 3216

input输入框只允许输入11位的数字

<input type="text" class="phoneNumber" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11" placeholder="输入手机号">

victory_chao的博客 3891

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

设置输入框只能输入数字,长度不能超过11位,最小为0,手机输入专用

&lt;input type="text" placeholder="11位手机号" name="telephone" maxlength='11' min="0" onkeyup="value=value.replace(/[^0-9]/g,'')"&gt;

weixin_40918145的博客 8630

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

微信小程序 - 设置input只能输入数字

需求 view如下: &lt;view class="ys-number-input {{error?'error':''}}"&gt; &lt;input type="number" auto-focus focus='{{focus}}' value="{{value}}" title="" bindinput="handleInput" bindblur="va

CSU_Zipple的博客 3万+

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

Vue + Element UI 校验手机号

Vue + Element UI 校验手机号

欲变世界,先变其身 1万+

Elementui el-input 输入框校验以及表单校验

日常开发中输入框正则校验大全-------持续更新维护中.......

阿清的前端进阶之路 5万+

原生input控制只能输入数字

只能输入11位数字(不能输入其他值) <input type="text" placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11);value=value.replace(/[^0-9]/g,'')" />

zhangyuexin24的博客 596

2021-11-08 全局指令实现el-input输入框手机号控制

全局指令(限制只能输入数字) + max-length控制内容长度(上限11位) main.js 全局注册指令 Vue.directive('numberOnly', { bind: function(el) { el.handler = function() { el.childNodes[1].value = el.childNodes[1].value.replace(/\D+/g, ''); } el.addEventListener('keyup', el

一只白猫罢了 1169

用vuejs开发项目中遇到的一些小坑(1)

今天开发的项目本来造物到了要收尾的阶段,由于产品提了个小需求,需要把登录和注册中的手机号码输入框限制为只能输入数字,然后就是自己挖坑填坑的阶段了。。。。 自然的就是想到在watch中监听一下变量,然后正则匹配一下,在replace一下就可以了,然而试了各种正则还是不行,后来还是靠度娘才解决问题, 原来 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 ...

weixin_34067049的博客 355

el-input 只能输入数字和小数点

oninput="value=value.replace(/[^0-9.]/g,'')"

明耀的博客 831

注册登录时输入11位手机号,不能输入字母和特殊字符,input number类型去掉上下加减箭头

注册登录时输入11位手机号,不能输入字母和特殊字符,input number类型去掉上下加减箭头

qq_44947814的博客 1237

Html表单输入项正则表达式

&amp;amp;lt;input type=&amp;quot;text&amp;quot; placeholder=&amp;quot;请输入手机号&amp;quot; id=&amp;quot;phone_num&amp;quot; maxlength=&amp;quot;11&amp;quot; onkeyup=&amp;quot;value=value.replace(/[^\d]/g,'')&am

dnbug Blog 1305

Android实现真正的344格式化手机号码输入框

前言:在最近一个项目的登录页上,输入手机号码这个输入框,UI稿要求显示344样式的格式化手机号码,例如“130 1234 5678”,在之前其实也有过类似的需求,但是在实现344格式化手机号码的过程中或多或少碰到不少坑,当时也没有深究,以项目排期紧为由将需求拍回去了,折中的方案是设置输入框的android:inputType=“phone”,android:maxLength=“11”,这是最常...

我是紫色紫色的专栏 2万+

输入框【普通输入框,邮箱输入框,验证码输入框,手机号码输入框】的测试用例规范

普通输入框字段校验测试 1.不输入,空内容 2.输入1个字符 3.若输入框有长度限制为N个字符,测试N-1个字符,N个字符,N+1个字符,N+N+...(超长)这几个边界值 4.还需要测试下通过复制大于长度的值粘贴进去看是否能输入 5.输入半角/全角空格 6.输入半角/全角,大写/小写英文字符 7.输入半角/全角数字 8.输入简体中文字符(默认全...

Super_Tr的博客 2045
上一篇: vue移动端项目底部适配iphonex
下一篇: 微信小程序设置背景图片不显示问题解决方法
codezha
博客等级 码龄10年 28粉丝 98原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值