更改事件后Jquery单击事件不起作用

Question

这是我的代码：

 function change() {
        console.log("change");
        $('span[data-valmsg-for="Car"]').text('');
    }

$("#saveCar").on("click", function () {
            console.log("savecar");
            if (IsCarFormValid() == true) {
                $("#saveCar").attr("disabled", true);
                var model = {};

            }
        });

当我更改输入中的数据并单击按钮时，按钮单击事件不起作用。为什么？

Answer 1

使用alert()，您会看到该事件运行良好：

$("#Car").on("change", function() {
  console.log("vincode change");
  $('span[data-valmsg-for="Car"]').text('');
});

$("#saveCar").on("click", function() {
  alert("button is clicked")
  console.log("savecar");
  var model = {};
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" class="form-control" id="Car" name="Car" value="ggdsgdsagdgag">
<span data-valmsg-for="Car" class="text-danger">some validation error</span>

<button type="button" class="btn btn-success" id="saveCar">Save</button>

可能有点令人困惑的是句子some validation error 在onBlur 事件之后被删除（当鼠标在输入之外单击时）。因此，如果您更改文本并直接单击按钮，文本将首先消失，使您的光标不再位于按钮上。所以在实践中，你不会点击按钮。

但是如果你改变句子，点击输入之外的地方（不是按钮）然后然后在按钮上，你会看到警告信息。