Contact.html.twig adlı bir görünüm var. Bazı textfields ile bir form var. Alanların hiçbirinin boş olmadığını ve diğer bazı kuralların geçerli olduğunu doğrulamak için javascript kullanmak istiyorum. Ama .js'yi tanımlarla nereye koyacağımı bilmiyorum. Twig gösterimini kullanarak .js betiğini nasıl arayacağımı bilmiyorum.Symfony2/Twig'de javascript kullanımı
cevap
Bu değil özellikle doğrulama parçası ... javascript nasıl işleneceğini için genel bir cevaptır.
(function ($) {
$.fn.userAdmin = function (options) {
var $this = $(this);
$this.on('click', '.delete-item', function (event) {
event.preventDefault();
event.stopPropagation();
// handle deleting an item...
});
}
});
Sonra assetic kullanarak taban şablonda bu dosyaları şunlardır:
{% javascripts
'@SOTBCoreBundle/Resources/public/js/user.js'
%}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
yılında kullandığım yaklaşım Resources/public/js
dizin şöyle demetler halinde eklentileri olarak ayrı JS dosyaları tek tek işlevselliği saklamaktır benim baz şablon ben vardır benim sayfa Sonra $(document).ready();
<script>
$(document).ready(function() {
{% block documentReady %}{% endblock documentReady %}
});
</script>
</body>
için <body>
sonunda bir blok var "Kullanıcı yönetici" işlevselliği ben şöyle userAdmin işlevini çağırabilirsiniz:
{% block documentReady %}
{{ parent() }}
$('#user-form').userAdmin();
{% endblock documentReady %}
İstemci tarafı doğrulamanız için temel HTML5 işlevselliği yeterli değil mi? Form bileşeni tarafından sağlanır. Ayrıca kontrol edebilir:
html5 doğrulama tüm tarayıcılar – Aris
- 1. JavaScript 'kullanımı'; iç işlevleri
- 2. Internet Explorer'da C++ Aramak için Javascript Kullanımı
- 3. Javascript XML kitaplığının kullanımı kolay mıdır?
- 4. Javascript: mobil cihazlarda DOMParser kullanımı (iOS 7. *)
- 5. Kullanımı
- 6. Kullanımı
- 7. Kullanımı
- 8. Kullanımı
- 9. İşlevsel tarzın kullanımı ile ilgili performans sonuçları Javascript vs "prosedür"
- 10. Javascript regex'indeki küme parantezlerinin kullanımı tüm modern tarayıcılarda aynı mıdır?
- 11. Kolay, kullanımı kolay LRU önbellek kullanımı java
- 12. UTL_FILE sunucu tarafı kullanımı/istemci tarafında kullanımı
- 13. soket getirme web sayfası kullanımı python kullanımı
- 14. Javascript
- 15. TabWidget.setDividerDrawable() Kullanımı?
- 16. nlog.xml kullanımı
- 17. Bellek kullanımı
- 18. NSDictionary kullanımı
- 19. MySQL kullanımı()
- 20. kAudioSessionProperty_OverrideCategoryMixWithOthers kullanımı
- 21. cmake kullanımı
- 22. Assert.Inconclusive kullanımı
- 23. Kullanımı 'GMSPlacesClient'
- 24. HdmiControlService kullanımı
- 25. Muğlak kullanımı
- 26. SendBroadcast() kullanımı
- 27. js: Bazı özel jQuery kullanımı
- 28. Eşzamansız Addon'da HandleScope'un doğru kullanımı
- 29. Neden '! =' Kullanımı belirsiz olarak değerlendiriliyor ama '=' kullanımı benzer değil?
- 30. Sass, Pusula ve JavaScript
Çok güzel için çalışmaz - teşekkürler – someuser