在Symfony2 / Twig中使用javascript

Question

我有一個名為contact.html.twig的視圖。 它有一個包含一些文本字段的表單。 我想使用javascript來驗證沒有字段是空的，以及其他一些規則。 但我不知道在哪里放置.js的定義。 我不知道如何使用Twig表示法調用.js腳本。

Answer 1

這是如何處理javascript的通用答案......而不是特別是驗證部分。 我使用的方法是將單獨的功能存儲在單獨的JS文件中，作為bundle Resources/public/js目錄中的插件，如下所示：

(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 %}

在我的基本模板中，我在<body>的末尾有一個塊，用於$(document).ready();

<script>
    $(document).ready(function () {
        {% block documentReady %}{% endblock documentReady %}
    });
</script>
</body>

然后在我的具有“用戶管理”功能的頁面中，我可以像這樣調用userAdmin函數：

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

Answer 2

基本的HTML5功能不足以進行客戶端驗證嗎？ 它由Form組件提供。 你也可以檢查一下：

Assetic
資產文章

在Symfony2 / Twig中使用javascript

問題描述

2 個解決方案

解決方案1
24 已采納 2012-07-02 17:05:33

解決方案2
1 2012-07-02 16:39:33

在Symfony2 / Twig中使用javascript

問題描述

2 個解決方案

解決方案1 24 已采納 2012-07-02 17:05:33

解決方案2 1 2012-07-02 16:39:33

解決方案1
24 已采納 2012-07-02 17:05:33

解決方案2
1 2012-07-02 16:39:33