开发问题：input type="number"可以输入字母e

最新推荐文章于 2024-05-10 13:55:07 发布
最新推荐文章于 2024-05-10 13:55:07 发布
阅读量1w 收藏 4
点赞数
分类专栏： 开发问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38065515/article/details/79278193
版权

input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，所以它也还是一个数字，所以能输进去。
解决办法为在input属性上加上：解决办法为在input属性上加上：
onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))”
这里写图片描述
其中min max是设置可输入的最小值和最大值。如果想要限制输入不能为负数和0，可以设置min=”1” 。

liuluteng2333
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
解决type=number的input可以输入+-e符号的情况
tang31415926的博客
05-13 4868
在输入框input标签设置type=number的目的就是为了规避用户输入数字以外的内容。然而，在html的w3c标准里，e认定为自然对数中的无理数常量，+-则是表示正负，生产中有时不需要甚至禁止输入这些。
custom-input-types:开源代表进行类型定制
05-16
定制输入类型 下载 custom-input-types在[MIT许可]下发布，并支持现代环境。 安装 在浏览器中： < script src =" custom-input.min.js " > </ script > 使用npm： $ npm i -g npm $ npm i custom-input-types 为什么要使用自定义输入类型？ 使用自定义输入类型，您可以使用自定义输入类型，而无需自己编写任何JavaScript， 截至目前可用的自定义输入类型 仅数字： <input type="custom-number" /> 大写字母： <input id="capWords" type="custom-text" /> 骆驼案例文本与空格： <input id="camelCase" type="camel-case" /> 骆驼的案文没有空格： <in
vue input 输入校验字母数字组合且长度小于30的实现代码
01-19
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30，具体代码如下所示： <Input v-model=form.glhm placeholder=请输入关联交易号 style=width:240px @on-blur=validateJyh(form.glhm)></Input> validateJyh(glhm){//校验关联交易号 var reg = /^[A-Za-z0-9]{1,30}$/; if(!reg.test(glhm)){ this.$Message.error(请输入字母或数字组成的交易关联号);
笔记-input type=‘number‘ 可以输入e问题
最新发布
java2508的博客
05-10 536
因此，当用户在"type=number"的输入框中输入类似于"1e8"或"1e-6"的值时，浏览器会将其解释为相应的科学计数法表示的数字，并将其视为有效的输入。当我输入123e的时候，控制台输出：输入的值为空==>“”（什么原因我也不清楚），因为输入的值变成了“” ，所以进入到我们if判断中的input===“”，所以setValue成功。解决方法：换个思路把 input 标签中的 type="number"删除，把他当做一个普通的输入框去使用，再使用纯数字的正则去匹配value。以下为百度搜索的资料。
python如何保证输入键入数字的方法
12-31
要求：python写一个要求用户输入数字，如果不是数字就一直循环要求输入，直到输入数字为止的代码 错误打开方式： while True: ten=input('Enter a number:') if type(eval(ten))==type(int):break 用这个输入字母可以可是输入字母就直接报错中断了 主要出在eval上。 python3.0 第一个方案： while True: ten=input(x:) try: x=eval(ten) if type(x)==int:break except:pass 然后输入asf，没有提示。输入34
input的type=number时可以输入字母e的解决方式
qq_39080240的博客
06-01 5928
input的type=number时可以输入字母e的解决方式
解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。
陈先生的博客
08-18 2634
其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，使用element ui时el-input的属性type=number，仍然可以输入e，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。通过以上方法就可以解决。
日常避坑--input输入框type=number仍可以输入“e“,“.“等符号
Yan9_9的博客
02-02 1482
input输入框type=number仍可以输入"e","."等符号
input设置了type为number,但是还能输入e等符号，怎么处理？
cindy647的博客
04-02 3765
在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢 第一个想到的方法：普通正则处理 在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。 那么怎么在根源上...
input type="number"可以输入字母e
xc_buxiangzhangda的博客
03-02 1400
input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，他是一个数字，所以能输进去。 解决办法为在input属性上加上： onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))” &lt;input type="number" onKeypress=”re...
vant输入框自定义规则
qq_44693497的博客
04-19 2301
vant的输入框组件field，默认的type类型只支持tel、digit、number、textarea、password等，实际还有其他场景需要自定义。比如：有一个英文名输入框，只能支持字母和空格，且输入小写字母，自动变成大写，可以这样做。
Android编程开发之EditText中inputType属性小结
09-02
2. `android:inputType="text"`：基本的文本输入，通常包含字母、数字和标点符号。 3. `android:inputType="textCapCharacters"`：所有字符自动转为大写。 4. `android:inputType="textCapWords"`：每个单词的首字母...
禁止input文本框输入实现属性
09-28
在网页设计和开发中，有时候我们需要对`input`文本框进行特定的控制，例如禁止用户输入或者限制输入的行为。这通常涉及到HTML中的属性设置。本文将详细介绍如何通过`readonly`、`disabled`以及`autocomplete`这三个...
微信小程序 input输入框详解及简单实例
08-31
- 最后两个`input`设置了`password`类型，分别配合`type="number"`和`type="text"`，用于数字和文本密码输入。 ### 3. 使用注意事项 - `bindinput`事件在用户每次输入时触发，可以用于实时验证输入内容或同步数据...
输入框input（element-ui、antd)中el-input组件只能输入数字(空格无效)
agua001的博客
08-10 6519
input标签或者el-input标签 <input type="text" placeholder="请输入手机号" class="search_txt" v-model="searchPhone" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')"> <el-input v-model="searchForm.phone" placeholder="请输入手机号" maxlength="11" oninput = "
input只能选择下拉不能输入_antd select组件添加可输入自定义选项的功能
weixin_33696476的博客
12-09 1784
由于最近的项目需要一个下拉选择框需要支持即可输入自定义选项，也可点击选择。antd select组件不支持自定义输入选项，所以需要对它进行简单的改造。实现起来也不麻烦，需要给select组件的onChange，onSearch，onBlur，添加代码。组件代码如下：<FormItemname="os"label="操作系统"><Select...
AntDesign_ofReact使用笔记
weixin_44364028的博客
08-25 794
#说明 #目录 [TOC] Ant Design of React 文档 官方文档地址 组件 一、数据录入 1、From表单 许多数据录入是与From表单相结合的 Ⅰ-限制表单中输入框不能为空以及中文 通过From.Item 中的 normalize属性进行处理对value的处理:组件获取值后进行转换，再放入 Form 中。不支持异步 通过正则替换,将键入的空格以及中文替换为空字符串 代码示例 <Form form={form} onFinish={handl
React中使用antd里Form组件表单验证，其中的input设置type为number，中文输入法却能却输入
Voiceu的博客
04-20 2743
场景如题，已经在此处设置了表单验证规则，并且input的type为number 情况是，输入数字，不能输入，英文输入法下输入英文，也无法输入， 但是用中文输入法，不按回车的情况下还能输入，打完字不按回车，直接点击输入框外的区域，还能保留下输入的内容，也不触发验证，但是最后提交会触发验证 点击提交后 ...
input的type属性设为number后可以输入e
weixin_39218464的博客
03-07 1087
原因:e在数学上代表2.71828，所以它也还是一个数字 解决方法： <input type='number' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))' /> 2.input数字number类型的时候maxlength无效 解决方法：超出截取 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)
input 输入框 type="number" 字母e可以输入
05-19
是的，HTML5中的number类型输入框可以输入科学计数法表示的数字，其中包括字母e。例如，输入1.23e4表示1.23乘以10的4次方，即12300。但是，如果你希望输入框只能输入整数，可以使用step属性设置为1，例如：<input type="number" step="1">。这样就只能输入整数了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值