Wyłączenie danych z szynami za pomocą przycisku ponownego włączania

Question

Mam formularz Rails Devise, który ma sprawdzanie poprawności javascript. Gdy użytkownik naciśnie przycisk, funkcja sprawdzania poprawności działa, a użytkownik jest ponownie skupiony na formularzu, w którym musi być.

Jednak szyny używają opcji wyłączania danych, aby wyłączyć przycisk po kliknięciu, więc po sprawdzeniu poprawności użytkownik nie może już klikać przycisku przesyłania. Próbuję skonfigurować słuchacza do sprawdzania, kiedy przycisk został wyłączony, odczekać chwilę, aby zapobiec podwójnemu kliknięciu, a następnie ponownie włączyć przycisk.

Próbowałem wielu iteracji kodu, najnowsza Próbowałem było:

 $(document.on("ajax:success", "new_supplier", function() { 
     var button; 

     button = $(this).find('.btn-sign-up'); 
     setTimeout((function() { return button.disabled=false; }),1); 


     }); 

Ale nie miał sukcesów, wcześniej próbowałem tylko dodawanie słuchacza do przycisku:

 var button = document.getElementById('btn-sign-up'); 
     button.addEventListener("click", enableButton); 

     function enableButton() { 
      if (button.disabled) 
      { 
       window.setTimeout(enable(), 2000); 
      } 
     } 


     function enable() { 
      button.disabled=false; 
     } 

Ale to nie powiodło się, ponieważ działało przed funkcją (ukrytą w szynie ether), która wyłączała przycisk, więc nie działała.

przycisk Mój przedstawienia jest prosta:

<%= f.submit "Create my account", class: 'btn-sign-up', id: 'btn-sign-up' %> 

Czy ktoś może mi pomóc tutaj? Myślę, że jeśli mogę wyłączyć jQuery_ujs dla tej strony, która zadziała, ale nie jestem pewien, czy mogę to zrobić.

Answer 1

Udało mi się to rozwiązać w prosty sposób. Właśnie wszedł i usunięte dane z-disable-z przycisku z kodem:

$('#my-button').removeAttr('data-disable-with'); 

i ponowne ustanowienie atrybut, gdy formularz jest gotowy do przedłożenia zapobiec podwójne kliknięcia od tworzenia duplikatów.

Answer 2

To zachowanie zostało zmienione w Railsach 5, teraz domyślnie wyłącza przesyłanie.

Zamiast akceptowanej odpowiedzi, proponuję użyć następującej konfiguracji:

config.action_view.automatically_disable_submit_tag = false 

lub zrobić to ad-hoc dla poszczególnych przycisków, dodać to do przycisku Prześlij

data: { disable_with: false } 

Answer 3

Spójrz na moją odpowiedź.

$button = $('#someId') 
$.rails.enableElement($button) 
$button.removeAttr('disabled') 

https://stackoverflow.com/a/44318786/4349494