在第二次按钮单击按钮未重置答案

【问题标题】：On second time button click the button is not reset在第二次按钮单击按钮未重置
【发布时间】：2019-05-04 22:46:32
【问题描述】：

我在引导、验证和数据加载文本方面遇到问题。当您单击保存并且并非所有字段都正确时，必须重置按钮“$('#save').button('reset');”。另外“此字段为必填项”。被放在场上。我通过“error.insertAfter(element);”来做到这一点请参阅下面的验证代码。

一切都在一次工作。当我第二次单击保存按钮时（仍然未填写该字段），该按钮不再重置。

我该如何解决这个问题？

<button type="submit" id="save" name="save" value="ok" class="btn btn-success btn-fill btn-wd" data-loading-text="<i class='fa fa-spinner fa-spin'></i> SAVING"> SAVE</button>

<script>
  $('#save').on('click', function() {
      var $this = $(this);
      $this.button('loading');
  });
</script>

...

<script>
$(document).ready(function () {

var $validator = $("#new").validate({
  rules: {
    test: {
      required: true,
    }
  },
  errorPlacement: function(error, element) {
    $('#save').button('reset');
    error.insertAfter(element);
 }, 
});
}
</script>

【问题讨论】：

你还是不清楚。你不觉得你的</script> 标签应该覆盖所有的函数和变量吗？
当然有

标签： javascript twitter-bootstrap

【解决方案1】：

我已经通过更改 submitHandler 的 errorPlacement 解决了这个问题。

<script>
$(document).ready(function () {

  var $validator = $("#new").validate({
    rules: {
      test: {
        required: true,
      }
    },
    submitHandler: function(validator, form, submitButton) {
      $('#save').button('loading');
      validator.defaultSubmit();
    },
  });
}
</script>

【讨论】：

【解决方案2】：

首先，我不知道您正在使用的 Javascript 中名为“按钮”的任何函数。

其次，所有的javascript代码都应该在标签内。

三、在编写onclick函数之前导入jquery。

有答案here, Check this

【讨论】：

在写入 onclick 函数之前使用 import jquery 时出现同样的问题。第一次点击它可以工作，但第二次按钮没有重置。
那么它一定是一个不同的问题，没有反映在你给出的代码中:)