input框只能输入数字的两种方法

最新推荐文章于 2024-06-07 17:42:25 发布
最新推荐文章于 2024-06-07 17:42:25 发布
阅读量10w+ 收藏 12
点赞数 45
分类专栏： Angular HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/friend_ship/article/details/52514657
版权
通过onkeypress事件是输不上任何非数字字符 
<input type="text" οnkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/" /> 
通过onkeyup事件是输上后再去掉非数字字符 

<input type="text" οnkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/">

加上正则匹配不能输入非数字字符ng-pattern="/[^a-zA-Z]/"

friend_ship
关注
  • 45
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 20
    评论
专栏目录
如何设置input只能输入数字
L_yvpeng的博客
07-12 2万+
将标签中的​​属性直接设置为​​就可以达到只能输入数字。但是这个方式有一个缺点，它只能作用于网页端，在手机输入的话还是可以输入汉字或英文 方法二 还是一样在标签上设置，代码如下： 该种可以在 input 框输入字母汉字但是会自动删除，最终只会留下数字。...
input 框禁止输入非数字和小数点以外的字符（两种思路和方法）
我是张跑跑
05-27 6701
要实现 input 框禁止输入非数字和小数点以外的字符，一共有两种思路: 利用input事件和正则，输入非数字和小数点以外的字符时，直接替换为空 利用keydown事件和阻止默认事件，输入非数字和小数点以外的字符时，直接禁止输入 下面就来实现上述两种方法，为了让更多的同学能够明白，看懂，因此我这里没有使用框架，直接采用原生的 js（好久没写，生疏了） input事件和正则 <body> <div> <input type="text" oninput="
input只允许输入数字
最新发布
weixin_52597660的博客
06-07 242
【代码】input只允许输入数字。
input输入框只能输入数字
zk9461的博客
07-26 1856
1.设置input类型为number，设置之后，input只能输入数字，但是能输入负数 2.在input属性中添加，onkeyup="this.value=this.value.replace(/\D/g,"");"，设置后，input只能输入大于0的整数 3.在input属性中添加，onkeyup="this.value=this.value.replace(/[^\d.]/,'')"，设置...
html number禁止输入,input[type=number]禁止输入非数字类型以外的内容
weixin_36462532的博客
06-04 1232
input[type=number]禁止输入非数字类型以外的内容2018-1-29 分类: 前端资源html5中input有number类型可以实现只输入数字类型，但是还不够完善，还是需要js正则来进行判断过滤。//初始化样式input[type=number]::-webkit-textfield-decoration-container {background-color: red; /...
vue输入框禁止输入非数字(兼容IE火狐)
祈澈菇凉
05-22 871
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> </head> ...
输入必须是数字，非数字不能输入，正则表达式
腾龙凌九霄
05-27 5889
应用办事项数： <input type="text" id="snummin" name="snummin" class="sinput" maxlength="4" style="width:30px" value="${snummin!}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[
在input输入框除数字外禁止回填任何数据
QingShangIei的博客
12-09 186
关键字：onkeyup="value=value.replace(/.+[^0-9]$/,'')" 下面的我就不解释了，自己看解释吧，感兴趣的朋友，把我上面的关键字，复制到你代码中运行一下就行了 <input type="text" class="form-control form-control-sm" id="MLoanPeriod"onkeyup="value=value.replace(/.+[^0-9]$/,'')" /> replace里面正则表达式的说明 代码 说...
input输入框限制只能输入数字
m0_67273164的博客
02-29 2435
input输入框限制只能输入数字
设置input只能输入数字
企业级技术与网站app运营
05-11 1649
datetime-local 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。datetime 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。range 定义用于精确值不重要的输入数字的控件（比如 slider 控件）。date 定义 date 控件（包括年、月、日，不包括时间）。” 按钮，供文件上传。password 定义密码字段（字段中的字符会被遮蔽）。time 定义用于输入时间的控件（不带时区）。
input限制只能输入数字的三种方法
qq_42586895的博客
02-18 3万+
input限制只能输入数字 在前端开发过程中，我们经常需要对input输入内容进行限制，比如验证码，购物车数量等等。下面我总结一下限制input只能输入数字的几种方法。 H5 number类型 ```html <form action=""> 请输入数字：<input type="number"><br> <input type="submit" ...
通用组件---输入框禁用特殊字符，限定长度
wdm891026的博客
10-25 2079
1.封装的组件如下：  import React, { Component } from 'react'; import { Input } from "antd"; class InputE extends Component { handleChange =(e) =&gt;{ // console.log(e.target.value); const obj={}...
React Antd 中怎么设置表单只输入数字
weixin_50923989的博客
07-03 3413
React用antd的Form组件提交信息的时候有时候需要限制只能填数字，笔者在CSDN上看到的文章都属于比较老的版本，不能解决我的问题，在我知道怎么解决之后作此文以供参考。
input限制只能输入数字，限制输入数字长度或者大小
小蓝的博客
08-12 1万+
input限制只能输入数字，限制输入数字长度或者大小
【 javascript】＜input＞ 实现输入框只能输入数字（个人认为最好的）
weixin_55846296的博客
08-11 2万+
form表单实现限制输入框只能输入数字（多个方案供大家选择）
input标签只能输入数字
正月看雪花的博客
03-17 2346
onkeyup="value=value.replace(/[^\d]/g,'')"
input常见输入限制及金额转货币
Dong8508的博客
05-08 5297
input常见输入限制 //文本框只允许输入数字 <input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="只允许输入数字"/> //文本框只允许输入数字和小数点（正则） <input type="text" onkeyup="value=...
实现 input 只能输入数字和小数点的四种方法
热门推荐
kukudelaomao的博客
08-09 8万+
大家往往用到的都是replace方法，但是其实还有不少其他方案可选，以下列出一二供大家参考： 1、input 属性 type="number" &lt;input type="number" name="points" min="1" max="10" /&gt; 请使用下面的属性来规定对数字类型的限定： 属性 值 描述 max number 规定允许的最
js input框 限制 非数字 录入
zhuhao183的博客
05-30 846
代码：$("#value1,#value2,#value3,...").keyup(function(){ $(this).val($(this).val().replace(/[^0-9.]/g,''));   }).bind("paste",function(){  $(this).val($(this).val().replace(/[^0-9.]/g,''));      }).css...
js input框只能输入数字
12-06
以下是两种JS实现input框只能输入数字的方法： 1. 使用正则表达式限制输入框只能输入数字： ```html <input type="text" onkeyup="value=value.replace(/[^\d]/g,'')"> ``` 2. 使用addEventListener()方法监听...
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值