表单提交不是由内联的javascript触发的

时间:2017-08-21 09:57:54

标签: javascript forms laravel blade dom-events

我的问题出现在我点击按钮时,表单提交得很好,但内联onsubmit事件未被调用,因此永远不会打印确认提醒。

我的代码:

<!-- Delete button -->
<a onclick="document.getElementById('delete-form-`+ data.id +`').submit();" class="icon">
    <i class="mdi mdi-delete"></i>
</a>

<!-- Hidden form -->
<form id="delete-form-`+ data.id +`" action="`+ 'posts/'+ data.id +`"
    style="display: none;" 
    onsubmit="return confirm('Are you sure you want to perform this action?');">
    {{ method_field('DELETE') }}
    {{ csrf_field() }}
</form>

我不知道这是否意外发生,有什么理由吗?我想保持内联,你有任何解决方案吗?

编辑:您可能已经注意到我使用的引号,但是使用javascript将这段代码插入到DOM中,我认为值得一提。

提前谢谢。

1 个答案:

答案 0 :(得分:-1)

我不确定你可以为同一个元素使用多个id而将+分开使用

<form id="delete-form-`+ data.id +`"