在input的type="text"里控制只能输入数字

最新推荐文章于 2022-04-20 00:28:10 发布
原创 最新推荐文章于 2022-04-20 00:28:10 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #javascript #function

本文介绍了一种使用JavaScript实现的仅允许用户在输入框中输入数字的方法。通过监听键盘事件，阻止了除数字以外的字符输入，并且支持删除键、小数点等功能。

<script language=javascript>
function onlyNum()
{
 if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    event.returnValue=false;
}
</script>

<input onkeydown="onlyNum();">

 
HTML中input输入框（详解输入框的用法）
百赢出品，必属精品
04-30 2万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
【前端】input表单 type属性详解
最新发布
A_aspectJ的博客
03-19 8002
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。
type=“text”只能输入数字！
记忆、深处
01-07 5207
&amp;lt;input type='text' onkeyup=&quot;this.value=this.value.replace(/[^0-9]+/,'');&quot; /&amp;gt;/只能输入非负整数 &amp;lt;input type='text' onkeyup=&quot;this.value=this.value.replace(/[^0-9-]+/,'');&quot; /&amp;gt;只能输入整数
控制在input的text里输入的值只能是数字
每天学习一点点
11-23 381
&lt;input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" /&gt; 在input中添加 onkeyup和onblur事件   本文转自https://zhidao.baidu.com/qu...
HTML教程：INPUT type=text元素 | input type=text对象
weixin_34233856的博客
09-30 699
2019独角兽企业重金招聘Python工程师标准>>> ...
使用input type=text value=str取值不完全解决方案
12-01
在网页开发中，`<input type="text">` 是一种常用的HTML元素，用于创建文本输入字段，用户可以在其中输入文本。然而，当我们将Java代码中处理的日期格式化字符串赋值给`value`属性时，可能会遇到一些问题，特别是在...
完美解决input[type=number]无法显示非数字字符的问题
08-31
然而，这个类型的input存在一个限制，即它只允许用户输入数字，不允许输入任何非数字字符，如除号、小数点等。这在某些场景下可能会造成不便，比如输入日期、分数或者比例时，我们需要展示或接受带有非数字字符的值...
js 限制input只能输入数字、字母和汉字等等
10-26
本文将详细解释如何通过JavaScript实现对input元素输入内容的限制，主要包括以下几种限制情况：只能输入数字、字母和汉字；只能输入数字，包括小数点；不能输入特定字符；限制小数点后位数等。 1. 限制只能输入数字...
限制html文本框input只能输入数字和小数点
09-28
本文详细介绍了如何使用HTML和...通过上述方法，可以有效地限制用户在文本框中只能输入数字和小数点，防止输入格式错误导致的数据问题。在实际应用中，开发者可以根据需要调整正则表达式，以实现更多复杂的输入验证。
css 区分 input 的类型 input[type="text"]
qw_xingzhe的专栏
06-01 6295
css 区分 input 的类型 input[type="text"] input[type="text"]{ border:1px; border-style:solid; border-color: #CCCCCC; } -------------------------------------------------- ie6 兼容 /* ie6 不支持 */ input[
「input type=“text“」和「textarea」的区别
爱吃肉的洋
07-13 5716
在我们开发时经常需要用到输入框，通常解决办法就是和,那么这两个标签有什么区别呢？ 一：<input type="text"> 标签 text标签是单行文本框，不会换行。 通过size属性指定显示字符的长度，注意：当使用css限定了宽高，那么size属性就不再起作用。 value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度。 　　 可以通过width和height设置宽高，但是也不会增加行数，下面是一个例子： <input type="text" style="wid
input标签单行文本域type="text"的可以添加属性以及其描述
请叫我二狗哥
03-26 8326
input标签单行文本域type="text"中可以添加的属性以及其描述 属性 描述 name 文本域的名称 maxlength 用户输入的最大字符长度 size 指定文本框的宽度，以字符个数为单位；文本框的缺省宽度是20个字符。 ...
input输入框type=text触发的相关事件
现在学习也不晚
07-30 1万+
我们书写了mousedown，mouseup，click，input，change，focus，blur，keydowm，keydown事件绑定到了input上面，模拟客户输入相关事件的触发流程： 首先还是先触发了鼠标按下事件，然后触发了焦点，接着鼠标抬起，触发click事件。到了这里客户开始输入信息了，keydown，keyup，keydown，keyup的循环，因为用的输入法，所以字
input标签的type属性汇总
热门推荐
夏天的博客
04-20 10万+
1.单行输入框< input type=“text”/> 单行文本输入框常用来输入简短的信息，如用户名、账号等，常用的属性有name、value、 maxlength。 2.密码输入框< input type=" password"/> 密码输入框用来输入密码，其内容将以圆点的形式显示。 3.单选按钮< input type=" radio"/> 单选按钮用于单项选择，如选择性别、是否操作等。需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“
input元素的23种type类型
web前端开发教程htmlcssjs
01-15 6678
随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、tim...
输入框input type=“text“（获取值、设置默认值）
zcc的博客
06-14 8818
&lt;input type="text" class="form-control" id="name" placeholder="任务名称"&gt;1.获取单选框的值$("#name").val();$("input[type='text']").val();1.设置默认值$("#name").val('任务1');3.根据获取
input type为text 时只能输入数字
lidog的博客
06-27 4499
时 手机端有些浏览器出现 placeholder 不消失的情况；考虑是吧 type 设置为 text；不过要用正则 验证value；不能为空，同时必须是数字； /^[1-9]\d*$/.test(value)
input text 文本框输入正整数
weixin_34256074的博客
04-12 202
<input onkeyup='change(this,hi4);' onkeypress="var key=window.event?event.keyCode:event.which;return (key>=48&&key<=57)||(key==8)" onpaste="return clipboardData.getData('text').match...
vue input type=number输入数字后输入汉字会删除
06-03
这是因为在`input type="number"`中，只允许输入数字和一些特殊符号，而不允许输入文字。当你在输入汉字时，浏览器会认为你输入的是非法字符，因此会自动将其删除。为了解决这个问题，你可以将`input`的`type`属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值