Question

我需要在数字HTML字段中将-1设置为min，将max设置为10。从这里我需要跳过0.我不需要将其值提交为0.这是否可以在HTML中实现？

 <input type="number" min="-1" max="10"> //I need something like skip = 0

Answer 1

您可以添加模式属性并将类型更改为“文字”

<input type="text"  pattern="[1-9]|10|-1">

demo

Answer 2

答案很简单。

使用普通html无法实现，因为没有skip=""而pattern=""无法处理数字输入。你必须使用Javascript函数。

Answer 3

将此javascript添加到您的页面... 我创建了一个函数，并将该函数调用到输入onchange="return check_value();"。还添加了id="number" 包含一个jquery.js文件，以使脚本正常工作...... 这里脚本检查您的输入值以及它的＆＃39; 0＆＃39; 0它提醒用户不允许零并清除输入字段中的值....尝试告诉我....

 <input type="number" id="number" min="-1" max="10" onchange="return check_value();">
    <script src="js/jquery.js"></script>
    <script type="text/javascript">
    function check_value(){  
            //get the number
            var number = $('#number').val();  

                    if(number == 0){  
                        //show that the number is not allowed  
                        alert("0 value Not Allowed!"); 
                        $("#number").val('');
                    }
    }
    </script>

Answer 4

您可以使用Step attribute

这将是我认为唯一的html修复，但它不是一个好的解决方案;（

<input type="number" min="-1" max="10" step="2">

从数字属性值中跳过零

4 个答案: