< input type =" text" />的最大允许值 [英] Maximum allowed value for <input type="text"/>

问题描述

我有这个输入字段：

<input type="text"/>

如何只允许输入不大于某个预定义值的数字，例如10 ，那么每次尝试输入大于10的数字都是不允许的？

How can I allow entering only a number that is not greater than some predefined value, like for example 10, so every attempt to enter a number greater than 10 won't be allowed?

推荐答案

Javascript

Javascript

function createValidator(element) {
    return function() {
        var min = parseInt(element.getAttribute("min")) || 0;
        var max = parseInt(element.getAttribute("max")) || 0;

        var value = parseInt(element.value) || min;
        element.value = value; // make sure we got an int

        if (value < min) element.value = min;
        if (value > max) element.value = max;
    }
}

var elm = document.body.querySelector("input[type=number]");
elm.onkeyup = createValidator(elm);

HTML

<input type="number" min="0" max="10"></input>

我还没有测试过，但我认为它应该有效。

I haven't tested it, but I think it should work.

这篇关于< input type =" text" />的最大允许值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！