2012-07-02 17 views
11

में जावास्क्रिप्ट का उपयोग करके मेरे पास contact.html.twig नामक एक दृश्य है। इसमें कुछ टेक्स्टफील्ड के साथ एक फॉर्म है। मैं यह सत्यापित करने के लिए जावास्क्रिप्ट का उपयोग करना चाहता हूं कि कोई भी फ़ील्ड खाली नहीं है, साथ ही कुछ अन्य नियम भी हैं। लेकिन मुझे नहीं पता कि परिभाषाओं के साथ .js कहां रखना है। मैं नहीं जानता कि टिग नोटेशन का उपयोग करके .js स्क्रिप्ट को कैसे कॉल करें।Symfony2/Twig

उत्तर

24

यह कैसे जावास्क्रिप्ट को संभालने के लिए के लिए एक सामान्य जवाब ... विशेष रूप से नहीं सत्यापन हिस्सा है।

(function ($) { 

    $.fn.userAdmin = function (options) { 
     var $this = $(this); 

     $this.on('click', '.delete-item', function (event) { 
      event.preventDefault(); 
      event.stopPropagation(); 

      // handle deleting an item... 
     }); 
    } 
}); 

मैं तो assetic उपयोग करते हुए मेरे आधार टेम्पलेट में इन फ़ाइलों में शामिल हैं::

{% javascripts 
    '@SOTBCoreBundle/Resources/public/js/user.js' 
%} 
    <script src="{{ asset_url }}"></script> 
{% endjavascripts %} 

में दृष्टिकोण का उपयोग मैं व्यक्तिगत कार्यक्षमता Resources/public/js निर्देशिका तो जैसे बंडलों में प्लग-इन के रूप में अलग जे एस फ़ाइलों में संग्रहीत करने के लिए है मेरी आधार टेम्पलेट मैं एक $(document).ready();

<script> 
    $(document).ready(function() { 
     {% block documentReady %}{% endblock documentReady %} 
    }); 
</script> 
</body> 
तब मेरे पेज में

है कि के लिए <body> के अंत में एक ब्लॉक है "उपयोगकर्ता व्यवस्थापक" कार्यक्षमता मैं बहुत तरह userAdmin फ़ंक्शन को कॉल कर सकते हैं:

{% block documentReady %} 
    {{ parent() }} 
    $('#user-form').userAdmin(); 
{% endblock documentReady %} 
+0

बहुत अच्छा के लिए काम नहीं करेगा - धन्यवाद – someuser

1

आपके क्लाइंट साइड सत्यापन के लिए पर्याप्त HTML5 कार्यक्षमता पर्याप्त नहीं है? यह फॉर्म घटक द्वारा प्रदान किया जाता है। आप यह भी जांच कर सकता है:

+2

एचटीएमएल 5 सत्यापन सभी ब्राउज़रों – Aris

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^