मैं रिमोट फॉर्म को सबमिट करने से कैसे रोकूं?

Question

मेरे पास एक ऐसा फॉर्म है जिसका उपयोग दूरस्थ रूप से और सामान्य रूप से किया जा सकता है।

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

मैं body पाठ क्षेत्र सामग्री केवल तभी प्रस्तुत करने के लिए प्रपत्र हैं:

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

कि कोड काम करता है जब प्रपत्र अजाक्स नहीं है। लेकिन जब यह रिमोट होता है, तो यह विफल हो जाता है और फॉर्म अभी भी सबमिट हो जाता है। क्यूं कर? मैंने यह भी कोशिश की:

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

मैं टर्बोलिंक्स के साथ रेल 4 का उपयोग कर रहा हूं।

अद्यतन: मैं ajax:beforeSend घटना बंधन की कोशिश की, यह अभी भी प्रस्तुत:

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

मेरे पास कोई सूचना दिखाई ...

Answer 1

शायद मैं अपने प्रश्न नहीं मिला है, लेकिन यह नहीं होना चाहिए

:required => true 

अपने text_area में जोड़ने के लिए पर्याप्त है?

Answer 2

आप अपने फॉर्म को सबमिट होने से रोकने के लिए संभावित रूप से ajax:beforeSend ईवेंट के लिए हैंडलर लागू कर सकते हैं। ऐसा लगता है कि यदि आपका ईवेंट हैंडलर false देता है तो सबमिट स्टॉप की तरह दिखता है।

विकी: https://github.com/rails/jquery-ujs/wiki/ajax

उदाहरण कार्यान्वयन: Stop $.ajax on beforeSend

Answer 3

यह एक jquery_ujs मुद्दे की तरह दिखता है। ईवेंट को बदलने का प्रयास करें:

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

मुझे एक ही समस्या का सामना करना पड़ रहा है और केवल समस्या हल हो गई है।

Answer 4

मैं Rails 5.0.0.1 उपयोग कर रहा हूँ और stoppable घटनाओं खंड में jquery-ujs प्रलेखन में वर्णित के रूप में आप केवल ajax:beforeSend स्पर्धा में false मान देने के लिए अनुरोध बंद करो और भेज होने से फार्म को रोकने के लिए की जरूरत है।

तो यह मेरे लिए पूरी तरह से काम करता है:

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

मुझे आशा है कि यह किसी और के लिए उपयोगी हो सकता है।