小程序键盘没有【小数点】输入

news/2024/7/20 4:08:47 标签: 小程序, linux, 数据库
<input v-model="formData.number" :auto-height="true" placeholder="请输入" confirm-type="done" type="digit" maxlength="11" @input="inputNumber" />

number:数字键盘(没有小数点)

idcard:数字键盘(没有小数点,带一个 X 键)

digit:数字键盘(带小数点)

在这里插入图片描述

将type=number 修改成type=digit,digit 会有出现多个小数点的情况如上图
我们需要通过正则让她不能输入多个小数,
如下正则:正则只能输入数字,且只有一个小数点,第一位不能为小数点,保留两位小数,为正数,的正则表达式

			inputNumber(e) {
				this.$nextTick(function() {
					this.formData.number=e.target.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '')
						.replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')
				})
			},

http://www.niftyadmin.cn/n/5033564.html

相关文章

怎么用外网访问自己的网站?快解析内网端口映射来实现

想要访问服务器上的网站需要直接或间接访问服务器IP地址&#xff0c;但是如果服务器没有公网IP地址&#xff0c;那么就需要借助外网进行访问。当我们需要远程访问内网的Web服务器时&#xff0c;我们需要使用一些技术来实现此目的。这就需要通过使用类似快解析内网端口映射方式进…

「聊设计模式」之工厂方法模式(Factory Method)

&#x1f3c6;本文收录于《聊设计模式》专栏&#xff0c;专门攻坚指数级提升&#xff0c;助你一臂之力&#xff0c;早日登顶&#x1f680;&#xff0c;欢迎持续关注&&收藏&&订阅&#xff01; 前言 设计模式是指在软件设计中&#xff0c;经过总结和提炼的&#…

奶奶都看的懂的《栈》(C语言实现,超详细解析 !!!)

目录 一、前言 二、栈 &#x1f34e;栈的概念 &#x1f350;栈的结构​编辑 &#x1f349;栈的实现 &#x1f34a;栈 各个接口的实现 ⭕ 定义一个 栈 结构体 ⭕栈 的初始化 ⭕ 栈 的尾插 ⭕ 栈 的尾删 ⭕ 栈 内数据个数 ⭕ 获取 栈 顶元素 ⭕ 判断 栈 是否为空 ⭕…

uni-app上传文件

在uni-app中上传文件可以通过使用uni.uploadFile接口来实现 uni.chooseImage({success: function (res) {var tempFilePaths res.tempFilePaths;uni.uploadFile({url: https://example.com/upload,filePath: tempFilePaths[0],name: file,success: function (res) {console.l…

竞赛选题 基于机器视觉的银行卡识别系统 - opencv python

1 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 基于深度学习的银行卡识别算法设计 该项目较为新颖&#xff0c;适合作为竞赛课题方向&#xff0c;学长非常推荐&#xff01; &#x1f9ff; 更多资料, 项目分享&#xff1a; https://gitee.com/dancheng…

使用亚马逊云科技Amazon SageMaker,为营销活动制作广告素材

广告公司可以使用生成式人工智能和文字转图像根基模型&#xff0c;制作创新的广告素材和内容。在本篇文案中&#xff0c;将演示如何使用亚马逊云科技Amazon SageMaker从现有的基本图像生成新图像&#xff0c;这是一项完全托管式服务&#xff0c;用于大规模构建、训练和部署机器…

Python 图形化界面基础篇:在不同窗口之间传递数据

Python 图形化界面基础篇&#xff1a;在不同窗口之间传递数据 引言 Tkinter 库简介步骤1&#xff1a;导入 Tkinter 模块步骤2&#xff1a;创建 Tkinter 窗口步骤3&#xff1a;创建两个窗口步骤4&#xff1a;在窗口之间传递数据步骤5&#xff1a;创建界面元素来操作数据步骤6&am…

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS基础(一)

&#xfecc;&#xfecc;&#xfecc;&#xfecc;♡‎&#xfecc;&#xfecc;&#xfecc;&#xfecc;♡‎‎&#xfecc;&#xfecc;&#xfecc;&#xfecc;♡‎&#xfecc;&#xfecc;&#xfecc;&#xfecc;♡&#xfecc;&#xfecc;&#xfecc;&#xfecc;…