输入框小数位控制

许久'

已于 2023-04-19 17:36:37 修改

阅读量238

点赞数

CC 4.0 BY-SA版权

文章标签： java 前端 javascript

于 2023-04-19 17:27:28 首次发布

许久

本文链接：https://blog.youkuaiyun.com/qq_45246098/article/details/130249053

文章讲述了如何使用AngularJS的ng-keyup指令和JavaScript的正则表达式来控制输入框中数值的小数位数。通过监听keyup事件和oninput事件，对输入值进行校验和格式化，确保输入值符合指定的小数位数要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

keyup输入框小数位控制

<input type="number" min="0" step="1"  ng-keyup="retain2($event,1)"/>

$scope.retain2 = function (e, num = 0) {
	//正则表达式判断
	e.currentTarget.value=Number(e.currentTarget.value.replace(/^(0+)|[^\d]+/g,''))
	//余数判断
	if (isNaN(value)) {
	e.currentTarget.value = 0
		return
	}
	if (value < 0) {
		e.currentTarget.value = 0
	}
	let temp = '1'
	let multiple = temp.padEnd(num + 1, '0')
	if ((value * Number(multiple)) % 1 != 0) {
		e.currentTarget.value = Number(value).toFixed(num)
	}
}

oninput

<input type="text" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
<input type="text" oninput="if(value.indexOf('.') > 0){value=value.slice(0,value.indexOf('.') + 4)}"/>

input方法

<input type="number" id="xxx" />

$('#xxx').on('input',function(e){
	if(e.delegateTarget.value.indexOf('.') > 0){
		e.delegateTarget.value=e.delegateTarget.value.slice(0,e.delegateTarget.value.indexOf('.') )
		}
	}
})