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

已于 2023-04-06 12:17:35 修改
阅读量8.4k 收藏 2
点赞数 1
分类专栏： 正则表达式 文章标签： html java javascript
于 2018-11-28 18:32:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40918145/article/details/84590082
版权 
<input type="text" placeholder="11位手机号" name="telephone" maxlength='11' min="0" onkeyup="value=value.replace(/[^0-9]/g,'')">

看效果

 

木头没有瓜
关注
专栏目录
史上最全wireshark使用教程，8万字整理总结，建议先收藏再耐心研读
孙叫兽的博客
07-14 3万+
目录 第1章介绍... 1 1.1.什么是Wireshark. 1 1.1.1.主要应用... 1 1.1.2.特性... 1 1.1.3.捕捉多种网络接口... 2 1.1.4.支持多种其它程序捕捉的文件... 2 1.1.5.支持多格式输出... 2 1.1.6.对多种协议解码提供支持... 2 1.1.7.开源软件... 2 1.1.8.Wireshark不能做的事... 2 1.2.系通需求... 2 1.2.1.一般说明... 2 ...
基于STM32+OneNet设计的物联网智慧路灯(100)
06-17 5916
本次设计的智能路灯采用STM32芯片和OneNet物联网平台进行连接，开发出支持太阳能充电锂电池供电、GPS定位上传位置信息、手动/自动控制路灯开关、环境光照调节、红外传感器检测周围人员、空气质量监测等多项功能。同时，当路灯发生异常情况时，系统可以自动发送邮件或短信到指定邮箱或电话。
JS正则表达式验证是否为11位有效手机号码
热门推荐
生如夏花 炫至茶靡
06-30 21万+
最近在做注册登陆页面，都要涉及到验证11位有效手机号码，这里贴出代码，希望能帮到有这个开发需求的朋友。 function isPoneAvailable($poneInput) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test($poneInput.val())) {
html限制文本框输入小数点 数字 字母 汉字 等
11-01
html限制文本框输入小数点 数字 字母 汉字 等
Input 限制11位手机号
weixin_43932092的博客
03-05 821
【代码】Input 限制11位手机号。
input输入框只能输入11位数字
走在路上的张先森
07-24 2442
input输入框只能输入11位数字 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
文本框输入手机号限制（只能输入不超过11位的数字），移动端输入手机号文本框获取焦点后弹出数字键盘
weixin_44558497的博客
01-26 9346
文本框输入手机号限制，只能输入不超过11位的数字，不能输入其他字符； 移动端输入手机号文本框获取焦点后弹出数字键盘，而非拼音键。 1、html代码： 代码复制区： &lt;input type="tel" placeholder="请输入您注册的手机号！" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')"&gt; 属性type=...
input输入框只允许输入11位数字
csdn_xiaoye的博客
07-30 7965
<input type="text" name="mobile" value="" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11" placeholder="请输入手机号"/>
测试面试题
噔噔噔噔的博客
12-28 1万+
1. B/S架构和C/S架构区别 一. B/S和C/S的定义 1.什么是B/S？ B/S结构（Browser/Server）是浏览器服务器这种开发模式， 就是只安装维护一个服务器(Server)，而客户端采用浏览器(Browse)运行软件 2.什么是C/S? C/S又称Client/Server或客户/服务器模式。需要做客户端服务器端 。服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统，如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件。
基于STM32的设计智慧超市管理系统(带收银系统+物联网环境监测)
11-06 3829
本系统主要由超市环境监测部分和商品管理部分组成。环境监测部分主控芯片采用STM32F103C8T6，主要包括温湿度传感器、烟雾传感器和空调制热开关、空调制冷开关，采集的数据通过ESP8266模块+MQTT协议上传至OneNet云平台，在OneNet云平台设计手机和电脑版本可视化页面，能够在页面上查看超市的环境信息，还能在页面上手动打开空调制热开关和空调制冷开关。商品管理部分主要由RC522-RFID读卡器、上位机组成，实现商品选购、结算、顾客的VIP会员卡注册管理等功能。
【计算机基础】HTTP 超文本传输协议
IN THE ZONE
12-07 2134
HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它...
【正则表达式】只能输入纯数字，最大11位、非0开头的手机号
时间飞逝的博客
01-02 1万+
&lt;input type="text" value="" maxlength="11" onkeyup='this.value=this.value.replace(/[^0-9]*$/,"")' onblur='checkPhone(this.value)' placeholder="只能输入11位的纯数字的手机号" /&gt; &lt;script&gt;
文本框中只能输入11位的数字
nihousheng的专栏
12-23 4077
<input style="width:80%;" type="text" name="callerno"  id="callerno" size="15" maxlength="11" value='<bean:write name="paramMap" property="callerno"/>' onkeyup="this.value=this.value.replace(/\D/g,'')
input type=number只能录入11位数字隐藏箭头
阿坤的博客
08-23 866
当需要用户输入手机号码的时候，把input的type属性设置为number 如图 会出现上下箭头和其他字符，比如+.e 在移动端就能调起数字键盘了，但是maxlength属性对于type=number是无效的，而且还可以输入除了数字之外的，加上下面两个事件 <input type="number" id="phone" placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" onkeypre.
input输入框只允许输入11位的数字
victory_chao的博客
10-09 3562
<input type="text" class="phoneNumber" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11" placeholder="输入手机号">
输入框输入手机号，中间插入空格格式化，且限制11位
长风破浪会有时的博客
03-14 1572
输入框输入手机号，中间插入空格格式化，且限制11位
el-input限制输入11位数字，且展示数字位数限制，没有数字大小调整按钮
qq_51472580的博客
01-17 1075
发现把类型设置为type="number"后，会出现按鼠标上键数字变大的情况，而且还有一个讨厌 的数字增减图标。又在网上搜索取消这个增减图标，有人通过改样式取消，可是后面的数字限制也不见了，于是乎自己通过@input组件方法，使用正则表达式对输入的字符串进行判断，截取获得仅为数字的部分。这个判断循环可能有点耗费性能，但是，功能完美完成。有个需求是限制用户输入11位手机号码，且展示位数限制。
input手机号正则限制11位数字
boy火巨的博客
11-29 1万+
限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、onchange = "value=value.replace(/[^\d]/g,'')" 使用 onchange 事件，在输入内容后，只有 i...
html 输入框只允许输入数字
weixin_34364071的博客
02-24 742
要想限制文本框只能输入数字，你可以用Html5的标签就可以解决： 为input标签添加样式 type="number"即可。   // 限制输入框的数字输入范围 var strPri = document.getElementById("Pritxt").value; if(strPri &lt; 1 || strPri &gt; 999) { alert("优先级：请输入1~999之间...
输入框只能输入数字其它不能输入
最新发布
08-30
在编程中，限制输入框只能输入数字可以通过各种技术手段实现，具体方法取决于你使用的编程语言或技术框架。以下是几种常见的实现方式： 1. HTML和JavaScript结合：可以使用HTML的`<input>`元素并设置`type="number"`属性来提示浏览器该输入框应该只接受数字。然后，可以使用JavaScript添加额外的验证逻辑，确保用户输入的是有效的数字，并且可以处理浏览器不支持`type="number"`属性的情况。 ```html <input type="number" id="numberInput" oninput="validateNumber(this)"> <script> function validateNumber(element) { var value = element.value; var regex = /^\d*\.?\d*$/; if (!regex.test(value)) { element.value = value.replace(regex, ''); } } </script> ``` 2. HTML5的`pattern`属性：虽然这个属性主要是用于正则表达式模式匹配，但也可以利用它来限制输入，例如，`pattern="[0-9]*"`可以要求输入框只接受数字（包括小数点，如果你想接受小数的话）。 ```html <input type="text" id="numberInput" pattern="[0-9]*" oninput="this.pattern='[0-9]*'"> ``` 3. 服务器端验证：在用户提交数据到服务器时，服务器端的脚本（如PHP, Python, Java等）应该对输入值进行验证，确保其为数字。这一步骤是必须的，因为客户端的验证可以被绕过，不能保证安全性。 以下是PHP的一个简单示例： ```php <?php if (isset($_POST['numberInput'])) { $number = $_POST['numberInput']; if (!is_numeric($number)) { echo "请输入有效的数字！"; } else { // 输入的是有效数字，进行后续处理 } } ?> ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值