input限制输入整数、0-100的正整数、保留2位小数、3位小数、4位小数、负数

这篇具有很好参考价值的文章主要介绍了input限制输入整数、0-100的正整数、保留2位小数、3位小数、4位小数、负数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求一、input限制输入整数

//  整数   isZerro true 包含0 ,false 不包含0
	calcNum(num, isZerro = true, num2) {
		num = num.replace(/[^\d]/g, ''); // 清除“数字”以外的字符
		if (num.indexOf('.') < 0 && num !== '') {
			// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
			num = parseFloat(num);
		}
		if (num === 0 && !isZerro) {
			num = '';
		}
		// num2,输入的数不能大于的位数
		if (num2) {
			if (num > Number(Math.pow(10, num2))) {
				num = num.toString().slice(0, num2);
			}
		}
		return num;
	},

需求二、input限制输入0-100 正整数

calcNum100(num) {
	num = num.replace(/[^\d]/g, ''); // 清除“数字”以外的字符
	if (num > 100) {
		return 100;
	}
	return num;
},

需求三、input处理两位小数

// 处理两位小数
	calcNum2(num, num2) {
		num = num.replace(/[^\d.]/g, ''); // 清除“数字”和“.”以外的字符
		num = num.replace(/\.{2,}/g, '.'); // 只保留第一个. 清除多余的
		num = num.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
		num = num.replace(/^(-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 只能输入两个小数
		if (num.indexOf('.') < 0 && num !== '') {
			// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
			num = parseFloat(num);
		}
		// num2,输入的数不能大于的位数
		if (num2) {
			if (num > Number(Math.pow(10, num2))) {
				num = num.toString().slice(0, num2);
			}
		}
		return num;
	},

需求四、input处理保留三位小数

// 处理三位小数
	calcNum3(num, num2) {
		num = num.replace(/[^\d.]/g, ''); // 清除“数字”和“.”以外的字符
		num = num.replace(/\.{2,}/g, '.'); // 只保留第一个. 清除多余的
		num = num.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
		num = num.replace(/^(-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3'); // 只能输入三个小数
		if (num.indexOf('.') < 0 && num !== '') {
			// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
			num = parseFloat(num);
		}
		// num2,输入的数不能大于的位数
		if (num2) {
			if (num > Number(Math.pow(10, num2))) {
				num = num.toString().slice(0, num2);
			}
		}
		return num;
	},

需求五、input处理保留四位小数

    calcNum4(num, num2) {
		num = num.replace(/[^\d.]/g, ''); // 清除“数字”和“.”以外的字符
		num = num.replace(/\.{2,}/g, '.'); // 只保留第一个. 清除多余的
		num = num.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
		num = num.replace(/^(-)*(\d+)\.(\d\d\d\d).*$/, '$1$2.$3'); // 只能输入两个小数
		if (num.indexOf('.') < 0 && num !== '') {
			// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
			num = parseFloat(num);
		}
		// num2,输入的数不能大于的位数
		if (num2) {
			if (num > Number(Math.pow(10, num2))) {
				num = num.toString().slice(0, num2);
			}
		}
		return num;
	},

需求六 input限制输入正整数

// 正整数
	calcNumEvery(num) {
		num = num.replace(/[^0-9.]/g, ''); // 清除“数字”以外的字符
		return num;
	},

需求七 input可以输入负数文章来源地址https://www.toymoban.com/news/detail-562236.html

calcNumF(num, num2) {
		num = num.replace(/,/g, '');
		//先把非数字的都替换掉,除了数字和. -
		num = num.replace(/[^\d.-]/g, '');
		//必须保证第一个为数字而不是.
		num = num.replace(/^\./g, '');
		//保证只有出现一个.而没有多个.
		num = num.replace(/\.{2,}/g, '.');
		//保证.只出现一次,而不能出现两次以上
		num = num.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
		num = num.replace(/^(-)*(\d+)\.(\d\d\d\d).*$/, '$1$2.$3'); // 只能输入两个小数
		//如果第一位是负号,则允许添加  如果不允许添加负号 可以把这块注释掉
		if (num.indexOf('-') === 0) {
			num = num.replace(/-/g, '');
			if (num2) {
				if (num > Number(Math.pow(10, num2))) {
					num = num.toString().slice(0, num2);
				}
			}
			num = '-' + num;
		} else {
			num = num.replace(/-/g, '');
			if (num2) {
				if (num > Number(Math.pow(10, num2))) {
					num = num.toString().slice(0, num2);
				}
			}
		}
		return num;
	},

到了这里,关于input限制输入整数、0-100的正整数、保留2位小数、3位小数、4位小数、负数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-input限制输入整数等分析

    input 限制输入在平时的需求比较常见,例如限制输入非数字,限制输入整数,限制输入的小数位数等等。这里分析下各种实现方式。 使用 type 属性为 number :将 el-input 的 type 属性设置为 number ,这将限制用户只能输入数字。然而,这种方式仍然允许输入小数。如果你希望只接

    2024年02月05日
    浏览(51)
  • cout怎么控制输出小数位数,整数保留整数,小数保留后两位

    可以使用 cout.precision(n) 控制输出精度,其中 n 为保留的小数位数。 如果你想要整数保留整数,小数保留后两位,可以使用流控制符 fixed 和 setprecision(n)。示例代码如下: 其中 x 是需要输出的数字。 另外需要注意的是,使用 setprecision(n) 会对所有浮点数输出都生效。

    2024年02月16日
    浏览(35)
  • 前端-element输入框-input的一些限制(只能输入正整数和0,或者只能输入数字不可以汉字字母)

    1、input输入框只能输入正整数和0 那你就用  οnkeyup=\\\"value=(value.replace(/D/g,\\\'\\\')==\\\'\\\'?\\\'\\\':parseInt(value))\\\" 2、如果是正数负数0,包括小数都可以 那就用这个οnkeyup=\\\"value=value.replace(/[^-?d.]/g,\\\'\\\')\\\",不能输入汉字和字母 3、不能输入中文,可以输入正数、负数、小数和字母  οnkeyup=\\\"value=v

    2024年02月13日
    浏览(43)
  • Java中整数相除并保留两位小数的实现方式、保留两位小数:Java中整数相除的处理方法、解决Java整数相除后精度丢失的问题、Java数值计算:整数相除保留指定小数位数的技巧

    当在Java中需要进行整数相除并保留两位小数时,可以使用以下两种方式实现: 1. 使用浮点数类型和DecimalFormat进行格式化:  2. 使用BigDecimal类进行精确的数值计算和格式化输出: 在选择使用哪种方式时,需要根据具体的业务需求和数值计算的精度要求进行权衡和选择。如果

    2024年02月12日
    浏览(42)
  • 在java中如何保留整数、保留小数位数

    ​ 保留整数部分:(所有方法) ​ 方法1: 强制类型转换为整数 取整数位 ​ **方法2:**使用 Math.floor() 函数 向下取整 ​ **方法3:**使用 Math.ceil() 函数 向上取整(四舍五入) ​ **方法4:**使用 Math.round() 函数 四舍五入取整 ​ 保留小数位数:(所有方法) ​ **方法1:使用

    2024年01月18日
    浏览(38)
  • input输入框校验只能输入数字或者小数校验

    解释: 让我们逐步解释这段代码的每个步骤: number.value.replace(/[^d.]/g, \\\'\\\') : 这一步使用正则表达式 /[^d.]/g ,将 number.value 中除了数字和小数点以外的字符都替换为空字符串,即去除非数字和小数点的字符。 .replace(/^0+(d)/, \\\'$1\\\') : 这一步使用正则表达式 /^0+(d)/ ,将 number.valu

    2024年02月14日
    浏览(38)
  • 【正则】正则表达式 只能输入正整数 或 只能输入数字和小数点

    正数的正则表达式(包括0,小数保留两位): 正数的正则表达式(不包括0,小数保留两位): 正整数的正则表达式(包括0): 正整数的正则表达式(不包括0):

    2024年02月13日
    浏览(41)
  • Python中的if语句:一个简单的正负数判断示例

    本文介绍了如何在Python中使用 if 语句编写一个简单的程序,用于判断用户输入数字的正负性。示例代码易于理解,适用于初学者学习。 1. 介绍 if 语句是编程中非常基本和重要的一个概念,它让程序根据条件执行特定的代码块。在Python中, if 语句的语法非常简单,易于学习。

    2024年02月09日
    浏览(39)
  • 【iOS】UITextField中的输入检测——限制只能输入数字和小数点

    最近趁着放假时间,在看The Big Nerd Ranch的iOS编程,想着重新复习一遍iOS开发的基础知识 书中第四章有一个温度转换的app实现,整体实现并不难 其中有个问题—— 如何利用 UITextFieldDelegate 委托限制 UITextField 的输入 UITextFieldDelegate 里面有个函数 简单来说,就是通过这个函数处

    2024年01月20日
    浏览(44)
  • uniapp 微信小程序 input详解 带小数点的input、可查看密码的输入框input

    官网文档地址 1、template 2、script 3、温馨提示 当比较输入框内的数值大小时,由于输入的类型为string,所以比较的时候需要转换为数值类型 Number() if(Number(this.num1) Number(this.num2)){ … }

    2024年02月16日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包