Jak zatrzymać wysyłanie formularza zdalnego?

Question

Mam formularz, który może być używany zarówno zdalnie, jak i normalnie.

= form_for @comment, html: { class: 'comment-form' }, remote: request.xhr? do |f| 
    = f.text_area :body 
    = f.submit 

Chcę formularz złożyć tylko wtedy, gdy body textarea ma zawartość:

$(document).on 'submit', '.comment-form', (e) -> 
    text = $(this).find('#comment_body').val() 
    false if text.length < 1 

Ten kod działa, gdy formularz nie jest Ajax. Ale gdy jest odległy, zawodzi, a formularz nadal jest przesyłany. Czemu? Próbowałem również:

if text.length < 1 
    e.preventDefault() 
    false 

Używam Rails 4 z Turbolinks.

Aktualizacja: próbowałem wiążące zdarzenie ajax:beforeSend, to nadal utrzymuje:

$(document).on 'page:load', '.comment-form', -> 
    $(this).bind 'ajax:beforeSend', -> 
     alert "hi" 

widzę żadnego wpisu ...

Answer 1

Może nie miałem na to pytanie, ale nie powinno być wystarczy, aby dodać do swojego text_area?

Answer 2

Możesz potencjalnie zaimplementować moduł obsługi zdarzenia ajax:beforeSend, aby uniemożliwić przesłanie formularza. Wygląda na to, że wysyłanie zatrzymuje się, jeśli funkcja obsługi zdarzeń zwróci false.

Wiki: https://github.com/rails/jquery-ujs/wiki/ajax

Przykład wdrożenia: Stop $.ajax on beforeSend

Answer 3

To wygląda jak jquery_ujs kwestii. Spróbuj zmienić wydarzenie na:

$('.comment-form').on 'submit', (e) -> 

Mam do czynienia z tym samym problemem i tylko to rozwiązało problem.

Answer 4

Używam Rails 5.0.0.1 i jak opisano w jquery-ujs dokumentacji w Stoppable wydarzeń sekcji trzeba tylko zwrócić wartość false w przypadku ajax:beforeSend zatrzymać żądanie i zapobiegania postać z bycia wysłać.

Tak to działa idealnie dla mnie:

$(document).on("ajax:beforeSend", "form#messages_form", function (e, data, status, xhr) { 
    var len = $.trim($('#message_body').val()).length; 

    if (len > 3) { 
     console.log("Send form!"); 
     return true; 
    } else { 
     console.log("Stopping request..."); 
     return false; 
    } 
}); 

Mam nadzieję, że to może być przydatne dla kogoś innego.