input 输入框限制只能输入小数点后最多两位的数字

最新推荐文章于 2024-05-27 09:14:17 发布

前端陈伟霆

最新推荐文章于 2024-05-27 09:14:17 发布

阅读量1.1w

点赞数 2

分类专栏：小程序文章标签：小程序前端

本文链接：https://blog.csdn.net/weixin_43927397/article/details/107465390

版权

本文介绍了如何在微信小程序中使用input组件限制用户输入小数点后最多两位的数字，包括两种方法：通过JS操作和使用正则表达式进行校验。

摘要由CSDN通过智能技术生成

微信小程序 input 输入框限制只能输入小数点后最多两位的数字

wxml

<input value="{
   {price}}"  type="digit" bindinput="handleInput" placeholder='价格' name="price"></input>

注*:小程序input中type属性
type=“text” 全键盘模式输入
type=“number” 纯数字键盘模式输入
type=“digit” 带小数点的数字键盘模式输入
方法一：
Js

 handleInput:function(e) {
   
      let price = e.detail.value;

关注

专栏目录