如果找到无效的表单字段，则停止ladda微调器

Question

我在登录页面上的按钮中使用了ladda微调器。我将按钮绑定到提交按钮，但如果表单字段失效，则按钮不会停止，例如密码错误或密码丢失。它一直在旋转。

我知道我可以通过像

这样的手动调用来阻止ladda微调器

ladda.stop()

但是我需要为无效的表单字段捕获哪种代码？

我试过

$("#myForm").submit(...)

但如果字段中存在错误，则永远不会调用

Answer 1

我有同样的问题。     ladda.stop（）  不管用。你必须初始化ladda按钮。使用此代码段它将起作用

var l = Ladda.create( document.querySelector( 'button[type=submit]' ) );
 $('.ladda-button').on('click',function(e){
      var form = $(this).closest('form')[0];
      if(form.checkValidity() == true) {
          l.start();
          form.submit();
      } else{
          l.stop();
      }
  });