HTML编号输入步骤未验证

时间:2016-07-01 14:05:09

标签: html validation input numbers

我有两个不同的数字类型输入字段,都有声明的min,max和step。在一个步骤中,步骤与箭头/微调器一起工作正常,并且当有人手动输入不能被步长值整除的数字时抛出错误。第二个数字输入字段,设置方式完全相同,步骤与箭头/微调器一起正常工作,但允许某人手动输入他们想要的任何值,甚至提交带有“错误”数字的表单。 (例如:step =“2”,他们进入并能够提交5。)

这两个盒子在不同的页面上,而那个给我合适的盒子看起来像这样

<input style="width:75px;" type="number" id="updates_23705616199" max="120" name="updates[]" class="txtbox" value="2" min="2" data-id="23705616199" step="2">

我甚至将这行单独提取到一个html文件中,然后它仍然不起作用。 data-id字段是它所在页面的必需位。

请告知

1 个答案:

答案 0 :(得分:0)

您确定自己的ID是唯一的吗?我创建了一个JSFiddle,显示您的示例正常工作。我也给了他们独特的名字。

https://jsfiddle.net/pa9rodfL/

<input type="number" id="idName" class="className" name="nameName" min="11" max="15" step="2" >

<input type="number" id="idName2" class="className" name="nameName2" min="5" max="10" step="3" >