如果发现无效的表单字段，则停止 ladda spinner

Posted 2023-05-09

【中文标题】如果发现无效的表单字段，则停止 ladda spinner

【英文标题】：Stopping ladda spinner if invalid form fields are found

【发布时间】：2018-08-29 18:54:51

【问题描述】：

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

我知道我可以通过手动调用来停止 ladda spinner，例如

ladda.stop()

但是对于无效的表单字段，我需要捕获什么样的代码？

我试过了

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

但如果字段中有错误，它永远不会被调用

【问题讨论】：

是的，但我什么时候使用它？问题是什么时候，而不是如何

试过了，看看我的帖子！如果字段失败则不会调用它

您是否使用标签所示的 jQuery Validate 插件？如果是这样，那么请显示您对.validate() 方法的调用......否则，我们只是在这里猜测。相关标记在哪里？也可以看看 jQuery Validate 文档：jqueryvalidation.org/validate/#invalidhandler

【参考方案1】：

我有同样的问题。 ladda.stop() 不管用。您必须初始化 ladda 按钮。使用这个 sn-p 就可以了

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();
      
  );