Question

我有表单，我没有提交按钮，实际上表单没有发送帖子请求，所以我的问题如何可以发送图像点击请求？

@foreach($items as $item)
        <form class="form-horizontal" role="form" method="post" action="{{ route('index', $item->id) }}">
            {{ csrf_field() }}
            <div class="col-md-3">
                <div class="well"> 
                    <a><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></a>
                    <h4 class="text-center">{{ $item->item_name }}</h4>
                </div>
            </div> 
        </form>
        @endforeach

谢谢

Answer 1

你可以用jQuery做到这一点。如果您设置表单的ID，则很容易：

$('form#form_id a').click(function(e){
    $('form#form_id').submit();
    e.preventDefault();
    return false;
});

但是在你的情况下，你没有提交邮件请求的任何意义，但无论如何，上述情况应该有效。

Answer 2

假设＆＃34;不要使用提交按钮＆＃34;这不是一个硬性要求，你只是假设这是因为你想使用图像：

使用提交按钮而不是链接。

<button><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></button>

您可以使用CSS设置默认背景和按钮边框的样式。

您确实应该在alt属性中包含一些内容。如果图像通知用户点击它会做某事，那么该图像就不会是无意义的装饰图像。

Answer 3

以这种方式为您的表单提供ID

<form action="" id="frm-id" method="post" class="form-horizontal ">

接下来你的js方法将是

$("#frm-id").submit(function(){
var form_data =  $("#frm-id").serialize();
$.ajax({
            url: '/index/'+id,
            type: "POST",
     });
   });

在你上面的网址，你需要按照我写的控制器方法进入你的路线....

如何发送邮件请求没有提交按钮

3 个答案: