在发布表单之前使用 ladda javascript

Using ladda javascript before posting form

本文关键字:ladda javascript 布表单 表单      更新时间:2023-09-26

我正在尝试将此脚本用于我的登录表单提交按钮,但它根本不起作用...

脚本:http://lab.hakim.se/ladda/

基本上,我无法在单击时和提交之前显示加载指示器。你们中有谁知道如何做到这一点吗?

你看过Github的 README.md 吗?尝试按照说明进行操作,如果您不应该设法使其工作,请返回细节。

你需要捕获提交表单(im gona 使用 coffeescript,但你可以将其转换为 jquery javascript 等效项(

$("myform").on "submit" , (e)->
  e.preventDefault()
  data = $("myform").serialize()
  ladda = Ladda.create($(@).find("submit-button")[0])  
  // in the version i use i have to use [0] because the ladda does not accept a jquery object, it needs a dom object
  ladda.start() //this starts the animation
  $.post("path/for/post",
    data: data
  ).always ->
    ladda.stop() //this stops the animation on any case fail or success