如果找到无效的表单字段，则停止 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();
      }
  });