Использования Ladda JavaScript перед отправкой формы

Question

Я пытаюсь использовать этот скрипт для моей формы входа кнопки отправки, но он не работает на все ...

Сценарий: http://lab.hakim.se/ladda/

В принципе, я wan't чтобы показать индикатор загрузки onclick и перед его отправкой. Кто-нибудь из вас знает, как это сделать?

Answer 1

Вы взглянули на README.md at Github? Попытайтесь следовать инструкциям и вернуться со спецификой, если вам не удастся заставить ее работать.

Answer 2

Вы должны поймать форму (им завершения заполнения гона использования 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