Javaquery onchange if min-max value

时间:2015-02-24 15:29:36

标签: jquery html

我需要更改输入值的代码,如果它超过最大值或最小值。 例如,min为1,最大为10.如果输入设置为15,则更改为10,如果设置为0则更改为1.并且无需重新加载页面即可。

2 个答案:

答案 0 :(得分:1)

使用min - 类型max元素的numberinput属性:

<input type="number" min="1" max="10" placeholder="Enter a number between 1 and 10" />

该表单将阻止用户输入该范围之外的值,而无需任何编码。

如果您希望输入支持小数,请添加step="any"属性。

答案 1 :(得分:0)

用作

这是一个简单的功能,可以满足您的需求:

<script type="text/javascript">
function minmax(value, min, max) 
{
    if(parseInt(value) < 0 || isNaN(value)) 
        return 1; 
    else if(parseInt(value) > 10) 
        return 10; 
    else return value;
}
</script>
<input type="text" name="textWeight" id="txtWeight" maxlength="5" onkeyup="this.value = minmax(this.value, 0, 10)"/>

如果输入不是数字,则替换为1