symfony twig javascript 函数未定义

Question

我正在尝试在我的树枝中使用外部 JS 文件。目标只是验证客户的输入。当我直接将我的脚本放入我的 Transfert.html.twig 时，我的脚本执行得很好但是当我使用带有 assetic 的外部文件时没有任何反应。 assetic 创建的 link 很好（在我的网页源代码中单击它时我可以看到我的脚本）。但是 firebug 说

"SyntaxError: expected expression, got '<'
<script type="text/javascript">" "ReferenceError: verifyMontant is not defined"

我将我的包注册到 app/config/config.yml： “ bundles: [FASTTransfertBundle]”，所以我想这里没有问题

现在这是我的代码：Transfert.html.twig:

{# src/FAST/TransfertBundle/Resources/views/Default/Transfert.html.twig #}
{% extends "FASTTransfertBundle::layout.html.twig" %}
{% block title %}{{ parent() }} - Index{% endblock %}
{% block body %}
    {{ form_label(form.montant) }} {{ form_widget(form.montant,{'attr':{'onblur':'verifyMontant(this)'}}) }}
    {% javascripts '@FASTTransfertBundle/Resources/public/javascript/verifyTransfert.js' %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

这是我的 javascript 文件：

<script type="text/javascript">
//color if wrong
function changeColor(field,error)
{
    if(error)
        field.style.backgroundColor = "#fba";
    else
        field.style.backgroundColor = "";
}

function verifyMontant(field)
{
    var montant=  field.value.replace(/\D+/g,'');
    var regex = /^\-?[0-9]*\.?[0-9]+$/;
    if(!regex.test(field.value)){
        changeColor(field, true);
        return false;
    }
    else if(montant.length != 11){
        changeColor(field, true);
        return false;
    }
    else{
        changeColor(field,false);
        return true;
    }
}
</script>

Answer 1

您必须删除

<script type="text/javascript">

来自您的 javascript 文件。

symfony twig javascript 函数未定义

symfony twig javascript function undefined

javascript

symfony

twig