laravel-5 - 在控制器弹出窗口中显示的表单
问题描述
我制作了我想与称为公司控制器的控制器链接的表单,但是我在列表中添加了表单代码,它显示了整个代码在网页上的墨水
<li>
<a href="#" onclick="
var result = confirm('are you sure you want to delete this project?');
if(result){
event.preventDefault();
document.getElementById('delete-form').submit();
}
">
Delete
</a>
<form id="delete-form" action="{{ route('companies.destroy',[$company->id]) }}" method="post" style="display:none;">
<input type="hidden" name="_method" value="delete">
{{ csrf_field() }}
</form>
</li>
在网页中,只有删除应该在该部分中可见,而不是代码的其他部分
解决方案
首先,将您的 javascript 代码与 html 分开,使其易于理解且易于调试。尝试这个:
<li>
<a href="#" onclick="delete()">Delete</a>
<form id="delete-form" action="{{ route('companies.destroy',[$company->id]) }}" method="post" style="display:none;">
<input type="hidden" name="_method" value="delete">
{{ csrf_field() }}
</form>
</li>
<script type="text/javascript">
function delete()
{
var result = confirm('are you sure you want to delete this project?');
if(result){
event.preventDefault();
document.getElementById('delete-form').submit();
}
}
</script>
发现一些我纠正的错别字,也许这就是问题所在。此外,您可以很好地发送一个 ajax 而不是提交一个隐藏的表单,这只是一个想法。
推荐阅读
- pyspark - PySpark 中的 Proc 等级替代方案
- c++ - D2D1 初始化映像工厂失败
- html - 无法在 Angular 9 上使用 ngmodel 设置默认选择属性
- python - 如何在python中的关键字之后从字符串中提取浮点数
- python - 统计消息的反应并在有一定数量的反应后执行操作
- sql - 仅当相同值的列不存在时,Postgres 才更新列
- c - 笛卡尔坐标系和二维数组
- c# - 只有在 Visual Studio 中进行调试时,手动激活 WPF 窗口才能正常工作
- php - 通过 php 中的标题值获取 HTML 元素
- python - 在 Django 中使用 FontAwesome5