首页 > 其他分享 >js限制文本框输入数字

js限制文本框输入数字

时间:2024-07-02 10:20:24浏览次数:20  
标签:index Number value else 文本框 toFixed js 输入 match

<!--input只允许输入整数-->
<input type="text" name="a" onkeyup="value=value.replace(/[^\d]/g,'')" >
 
<!--input只允许输入整数和小数(小数只保留小数点后两位)-->
<input type="text" name="aa" onkeyup="value=value.match(/\d+\.?\d{0,2}/,'')" >
<input type="text" name="aa" oninput="value=value.match(/\d*(\.\d{0,2})?/)[0]" >
 
<!--限制文本框只能输入正数、小数、负数-->
<input type="text" onkeyup="this.value=this.value.replace(/[^\-?\d.]/g,'')"/>
        function keyup(index,e) {
            if (index < 5 || index == 10) {
                e.value = e.value.match(/\d+\.?\d{0,3}/, '')
            } else if (index < 7 || index == 11 || index == 13) {
                e.value = e.value.replace(/[^\d]/g, '');
            } else if (index == 12 || index == 14) {
                e.value = e.value.match(/\d+\.?\d{0,1}/, '')
            }
        }
        function changeVal(index, e) {
            var value = e.value;
            if (value == '') {
                return;
            }

            if (index < 5 || index == 10) {
                e.value = Number(value).toFixed(3);
            } else if (index < 7 || index == 11 || index == 13) {
                e.value = Number(value).toFixed(0);
            } else if (index == 12 || index == 14) {
                e.value = Number(value).toFixed(1);
            }
        }

标签:index,Number,value,else,文本框,toFixed,js,输入,match
From: https://www.cnblogs.com/duixue/p/18279372

相关文章

  • PHP与js遍历的区别,PHP运行原理学习
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title><?phpecho'PHP的第一......
  • Three.js 给对象创建轮廓效果
    需求:1、选定某个对象后,给该对象一个整体轮廓效果。需求插件:Three.js,postprocessing,vue2实现方案:以前还是需要自己写的、现在可以直接用插件了,就是上面这个postprocessing插件,使用也蛮简单的,初始化好插件后、在需要使用的地方这样写就行this.outlinePass.selectedObjects=......
  • C++文件输入输出
    参考博文:https://blog.csdn.net/houbincarson/article/details/136327765/*文件输入输出fstream有三个文件流类:std::ifstream:用于从文件中读取数据的输入流对象。std::ofstream:用于向文件中写入数据的输出流对象。std::fstream:用于读写文件的输入输出流对象。*/#include<f......
  • 基于深度学习的文本框检测
    基于深度学习的文本框检测(TextBoxDetection)是一项重要的计算机视觉任务,旨在从图像中自动检测和定位文本区域。它在光学字符识别(OCR)、自动文档处理、交通标志识别等领域具有广泛的应用。以下是关于这一领域的系统介绍:1.任务和目标文本框检测的主要任务是从自然场景图像或文......
  • fastjson整理思路
    此处把常用的一些方法,简单做个记录。 做自动化时,我们发送一个请求,返回的是一个字符串。首先我们要把这个字符串转换为json对象  parseObject():将JSON字符串解析为Java对象。 Stringjson="{\"person\":{\"name\":\"Ivy\",\"age\":60}}";JSONO......
  • 基于javaweb jsp ssm民宿住宿管理系统毕业设计实战项目分享
    前言......
  • 基于javaweb jsp ssm基于分类算法的学业警示预测毕业设计实战项目分享
    前言......
  • 华为OD机试D卷 --智能成绩表--24年OD统一考试(Java & JS & Python & C & C++)
    文章目录题目描述输入描述输出描述用例题目解析算法源码题目描述小明来到某学校当老师,需要将学生按考试总分或单科分数进行排名,你能帮帮他吗?输入描述第1行输入两个整数,学生人数n和科目数量m。0<n<1000<m<10第2行输入m个科目名称,彼......
  • 华为OD机试D卷 --最富裕的小家庭--24年OD统一考试(Java & JS & Python & C & C++)
    文章目录题目描述输入描述输出描述用例题目解析算法源码题目描述在一颗树中,每个节点代表一个家庭成员,节点的数字表示其个人的财富值,一个节点及其直接相连的子节点被定义为一个小家庭。现给你一颗树,请计算出最富裕的小家庭的财富和。输入描述第一行为一......
  • 华为OD机试D卷 --最多购买宝石数目--24年OD统一考试(Java & JS & Python & C & C++)
    文章目录题目描述输入描述输出描述用例1用例2用例3用例4题目解析算法源码题目描述橱窗里有一排宝石,不同的宝石对应不同的价格,宝石的价格标记为gems[i]0≤i<nn=gems.length宝石可同时出售0个或多个,如果同时出售多个,则要求出售的宝石编号连续;......