小程序 input type=‘number‘ 不能输入小数点？？

在小程序里，有个需求就是输入价格，只允许输入数字

那么该如何进行限制呢？

<input type='number' />

此时键盘是只有数字没有小数点的：

那么既想要只输入数字，又想要有小数点，该怎么实现呢？
只需要修改type的类型即可

<input type='digit' />

注意：
number：数字键盘（无小数点）
idcard：数字键盘（无小数点、有个 X 键）
digit：数字键盘（有小数点）

number 是无小数点的，digit 是有小数点的

小程序 input type=‘number‘ 不能输入小数点？？相关推荐

微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="pla ...
微信小程序input调用数字键盘没有小数点
react input[type='number']
最近在写业务的时候遇到一个坑,当用户在 input[type='number'] 中输入 "01" 时,我将值设置为 1 ,但它不起作用,它仍显示 "01". ...
微信小程序input的type=“number“不起作用
第一次接触小程序,写表单的时候,用了 <input type="number" /> 不管怎么写都能输入英文或者中文还找不到原因,百度一下好像别人都没遇到过这种问题一 ...
input type=number 禁止输入字母E，只能输入数字和小数点
$('input[type=number]').keypress(function(e) { if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) ...
解决 html5 input type='number' 类型可以输入e
当给 input 设置类型为 number 时,比如,我想限制,只能输入 0-9 的正整数,正则表达式如下: /^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次用正则测试,小 ...
微信小程序input搜索解决中文问题(输入拼音) 实时搜索节流处理(bindinput 节流)
微信小程序input搜索解决中文问题(输入拼音) & 实时搜索节流处理(bindinput 节流) 问题微信小程序输入拼音的时候, 还没有完全输入完成, bindinput就会触发, 当我输 ...
input type=number时，限制输入位数
1.当input,type为text时,设置maxlength后,能限制输入内容长度: 2.当input,type为tel时,设置maxlength后,也是能限制输入内容长度,并且弹起键盘为默认为数字 ...
小程序input实现数据双向绑定
小程序input实现数据双向绑定最终效果 index.wxml index.js 最终效果 index.wxml <view class="uploader">< ...

小程序 input type=‘number‘ 不能输入小数点？？

小程序 input type=‘number‘ 不能输入小数点？？相关推荐

最新文章

热门文章