html - 如果超出范围,则将输入类型 ="number"限制为其最小值或最大值

标签 html input numbers restrict

我有以下代码

<form:input type="number" min="1" max="4" size="5" value="1" path="n" name='n' placeholder="<5" style="height:25px;width:60px"></form:input>

如果用户在文本框中输入超出范围的值,则应将其重置为其最接近的最小值或最大值,例如,如果用户在文本框中输入的值小于 1,则应将其重置为 1,如果他输入的值大于 4,则它应该重置为 4。

请建议我们是否有任何其他标签而不是使用输入标签来限制

已经有一个对我不起作用的解决方案

最佳答案

此解决方案可能正是您所追求的:jquery: set min max input in option type number

$(function () {
    $( "input" ).change(function() {
        var max = parseInt($(this).attr('max'));
        var min = parseInt($(this).attr('min'));
        if ($(this).val() > max)
        {
            $(this).val(max);
        }
        else if ($(this).val() < min)
        {
            $(this).val(min);
        } 
    });      
}); 

@Caspian 还提供了一个工作 fiddle :http://jsfiddle.net/Ddk67/75/

关于html - 如果超出范围,则将输入类型 ="number"限制为其最小值或最大值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36349260/

相关文章:

jquery - jcarousel 在 jquery 页面之前显示垂直列表中的元素

javascript - 如何检查每个输入属性(如果类型为 radio 并已选中)

html - 如何将 fontello 图标放入输入值中?

java - 将一个数的幂作为字符串输出

algorithm - 调度:将一组整数划分为 K 个子集

java - 如何以随机顺序打印给定范围内的数字

Javascript/jQuery 获取 float 受影响元素的真实宽度和位置?

javascript - 单击屏幕或任何元素以执行功能

android - 如何使用 adb shell 输入输入符号?

c# Asp.net 文本框的验证方法?