由于某种原因，使用 jQuery 附加键盘处理程序不起作用

如何解决由于某种原因，使用 jQuery 附加键盘处理程序不起作用

我正在尝试获取不同操作的写入整数值，但它不起作用。但是另一个页面上的类似内容工作正常。我该如何解决？

        <div class="row modal-body">
            <div class="col-4">
                <label for="contengencyrate">रकम</label>
            </div>
            <div class="col-7">
                <input type="number" step="any" name="amount" min="0" max="{{buktani_baki}}"  id="amount" value="">

                <!-- <input type="number" id="amount" name="amount" min="0" max="{{total.amount__sum}}" step="any" value=""> -->
            </div>
        </div>

jquery:



<script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>


$('#amount').keyup(function () {

        var val = $('#amount').val();
        // var total = $("#total").val()
        console.log(val,890898908080);
        console.log(123456);
        // $('#percent').val(rakamTopercent(val,total))
    })


</script>

我该如何解决这个问题？控制台中没有错误。有时它会显示如下错误：

“additional-methods.min.js?_=1609744418426:4 Uncaught TypeError：无法读取未定义的属性‘addMethod’”

解决方法

我认为您的脚本未加载或 CDN 中存在某些问题。使用 Java Script 可获得类似的结果。例如。 HTML：

<div class='printchatbox' id='printchatbox'></div>

<input type='text' name='fname' class='chatinput' id='chatinput'>

CSS：{如果需要}

.printchatbox 
    {border-width:thick 10px;border-style: solid; 
    background-color:#fff;
    line-height: 2;color:#6E6A6B;font-size: 14pt;text-align:left;float: middle;
    border: 3px solid #969293;width:40%;
     height:2em;   
}

Java 脚本代码：

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function(){
    document.getElementById('printchatbox').innerHTML = inputBox.value;
}

我认为这有效

您正在加载 2 个不同版本的 jquery：

<script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

只使用 1 个版本的 jquery，1.11 版本可能太旧了

如果您的脚本在呈现输入元素之前运行 - 例如，如果脚本是在 head 元素中定义的，则它不会通过 id 找到 input

您可以在查询和附加侦听器之前等待完整文档ready

<!DOCTYPE html>
<html>

<head>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
  <script>
    // Wait for the full document to be parsed and loaded 
    $(document).ready(function() {
      // And then try to find and atach a listener
      $("#amount").keyup(function() {
        var val = $("#amount").val();
        // var total = $("#total").val()
        console.log(val,890898908080);
        console.log(123456);
        // $('#percent').val(rakamTopercent(val,total))
      });
    });
  </script>
</head>

<body>
  <div class="row modal-body">
    <div class="col-4">
      <label for="contengencyrate">रकम</label>
    </div>
    <div class="col-7">
      <input type="number" step="any" name="amount" min="0" max="{{buktani_baki}}" id="amount" value="" />

      <!-- <input type="number" id="amount" name="amount" min="0" max="{{total.amount__sum}}" step="any" value=""> -->
    </div>
  </div>
</body>

</html>

由于某种原因，使用 jQuery 附加键盘处理程序不起作用

如何解决由于某种原因，使用 jQuery 附加键盘处理程序不起作用

解决方法

相关推荐