gpt4 book ai didi

javascript - 在 Symfony2/Twig 中使用 javascript

转载 作者:可可西里 更新时间:2023-11-01 01:58:55 24 4
gpt4 key购买 nike

我有一个名为 contact.html.twig 的 View 。它有一个带有一些文本字段的表单。我想使用 javascript 来验证所有字段是否为空,以及其他一些规则。但我不知道将带有定义的 .js 放在哪里。我也不知道如何使用 Twig 符号调用 .js 脚本。

最佳答案

这是关于如何处理 javascript 的一般性答案...不是特别是验证部分。我使用的方法是将单独的功能作为插件存储在单独的 JS 文件中 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> 的末尾有一个 block 对于 $(document).ready();

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

然后在我的具有“用户管理”功能的页面中,我可以像这样调用 userAdmin 函数:

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

关于javascript - 在 Symfony2/Twig 中使用 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11297594/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com