如何在html中将文本输入字段中的字符数限制为最多10个?

时间:2019-03-29 07:14:16

标签: html

<input type="text" id="display" disabled>

javascript:

var display = document.getElementById('display');
var buttons = document.querySelectorAll('.key')
var equals = document.querySelector('equals')

function numDisplay(num){
display.value += num;
if(num === 'c'){
    display.value = '';
}

}

function ans(){
var x = display.value
x = eval(x);
display.value = x;
}

function root(){
var r = display.value
r = Math.sqrt(r);
display.value = r;
}


function remove(){
var displayVal = display.value;
displayVal= displayVal.slice(0, -1);
display.value = displayVal;
}

`

我已经构建了一个js计算器,剩下要做的就是将显示屏上显示的位数限制为10。我可以使用什么函数或属性来做到这一点?

我已经尝试过maxlength属性。那不行似乎该属性根本没有被触发。

我只希望文本输入字段显示10个字符,而不是一个永无止境的数字字符串。

1 个答案:

答案 0 :(得分:1)

maxlength仅限制元素中用户输入的长度。如果您通过Javascript设置元素的内容,则浏览器会假定您知道自己在做什么,并且可以忽略该限制。

如果要将浮点数四舍五入为特定位数,请使用Number.toPrecision()

var a = 22/7;
console.log(a);
console.log(a.toPrecision(5));