在javascript中多次使用onChange函数

Question

我想用onchange函数检查输入值，例如，当count大于可编程的count时显示错误信息，如果count小于可编程的错误信息，则用此代码隐藏错误信息：

 <input type="hidden" value="{{$record->programmable()}}" id="programmable">
 <input min="0" max="{{$record->programmable()}}" type="number" name="count" 
 onchange="checkCount(this.value)">

  <script>
    function checkCount(value) {
        var programmable = $('#programmable').val();
        if (value > programmable) {
            document.getElementById("errorMessage").style.display = "block";
            document.getElementById("insertData").disabled = true;
        }
        else if (value < programmable) {
            document.getElementById("errorMessage").style.display = "none";
            document.getElementById("insertData").disabled = false;
        }
    }
  </script>

当我输入计数大于可编程错误信息时显示，但当我输入小于可编程错误信息时没有隐藏，我如何修复它？

Answer 1

我不确定这是否是问题所在，但是，您在type="number "后面漏掉了一个引号

Answer 2

您的数字字段(type="number)中存在语法错误。我不知道你得到了什么错误，但我注意到你把jQuery和这个JS搞混了。在你的超文本标记语言中，我还发现缺少ID errorMessage和insertData。无论如何，我在这里为你添加了一个演示，希望它能帮助你纠正你的代码。

​

function checkCount(value) {
    var programmable = document.getElementById('programmable').value;
    if (value > programmable) {
        document.getElementById("errorMessage").style.display = "block";
        document.getElementById("insertData").disabled = true;
    }
    else if (value < programmable) {
        document.getElementById("errorMessage").style.display = "none";
        document.getElementById("insertData").disabled = false;
    }
}

<input type="hidden" value="2" id="programmable">
<input min="0" max="5" type="number" name="count" onchange="checkCount(this.value)" placeholder="Please enter number">
<input type="button" id="insertData" value="Insert">

<div id="errorMessage" style="display: none">Error</div>

​