element ui input限制只能输入数字_e.keycode == 231 && e.key == 'unidentified-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45264424/article/details/125410532

这段代码展示了如何使用JavaScript实现一个输入限制功能，确保用户输入的数字格式正确。它检查输入是否包含非法字符，限制小数点的数量，并防止超过特定长度。此功能对于前端表单验证至关重要，特别是涉及到数值输入的场景。

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

 <el-input  @keydown.native="inputLimit"   placeholder="请输入内容"></el-input>

inputLimit(e){
   let num = e.target.value || ''
    let code = e.which || e.keyCode
    let str = (e.key && e.key != 'Unidentified') ? e.key : num.substr(num.length - 1)
    // console.log('|type:' + e.type + '|code:' + code + '|str:' + str + '|value:' + num)
    //无论任何情况，皆可执行
    if(code == '8') {
        return true
    }
    //没有满足任何一种情况，中断执行
    if(!(/[\d.]/.test(str) || code == '190')) {
        e.returnValue = false
        return false
    }
    // 点，不能再第一位
    if(num.length==0&& num.indexOf('.') == -1&& code == '110'){
        e.returnValue = false
        return false
    }
    // 只能有一个点
    if( num.indexOf('.') != -1 && code == '110' ){
        e.returnValue = false
        return false
    }
    return true
}










/*let inputLimit = function(e) {
		let num = e.target.value || ''
		let code = e.which || e.keyCode
		let str = (e.key && e.key != 'Unidentified') ? e.key : num.substr(num.length - 1)
		console.log('|type:' + e.type + '|code:' + code + '|str:' + str + '|value:' + num)
		//无论任何情况，皆可执行
		if(code == '8') {
			return true
		}
		//没有满足任何一种情况，中断执行
		if(!(/[\d.]/.test(str) || code == '190')) {
			e.returnValue = false
			return false
		}
		if(num.length > 12 ||
			(num.indexOf('.') >= 0 && code == '190') ||
			((num.indexOf('.') == num.length - 3) && num.length > 3) ||
			(num.length == 0 && code == '190')) {
			e.returnValue = false
			return false
		}
		return true
 
	}*/