Question

我有验证接受输入类型=“数字”字段的最小值和最大值。输入一些输入后，它会根据最大值和最小值运行。我的问题是我无法在数字字段中清除/删除输入的值。在文本框字段中，允许使用退格键并选择数字并键入新数字来清除值。为什么数字字段在该方案中不起作用。如何清除/删除数字字段中的数字。

  <input type="number" name="WorkingDaysPA" id="WorkingDaysPA"
             min="1" max="366" style="text-align: right"

             onkeypress="if(this.value.length==3) return false;return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57"
         />

<input type="text" maxlength="3" min="1" max="366">

我的小提琴：https://jsfiddle.net/MariNithya/fpd2y4f4/

Answer 1

关注焦点事件，我将null指定为值;

希望这有帮助

document.getElementById("validateNums").addEventListener("focusout", inputOutOfFocus);
function inputOutOfFocus() {
 document.getElementById("validateNums").value = null;
}

<input type="number" maxlength="3" min="1" max="366" id="validateNums">

在Firefox和IE中选择数字时，输入类型=“数字”无法删除/清除

1 个答案: