如何解决停止提交时触发表单内的 href 路由?
我正在使用 Laravel 和 Blade(以及 JQuery)。
我有一个带有表单的表格,并且在底部我有一个带有 a
操作的 route
标签。我在 th
中还有一个按钮,它通过 jquery 提交表单(custom.js 代码如下)。
我遇到的问题是,当用户从 <div class="export" id="zip-submit-button">
标签内点击 th
,然后提交表单时,由于某种原因,a 标签上的路由被触发以及。我怎样才能防止这种情况?
<a class="rapport-download-link" href="{{route('client.rapport.export',['alias' => $client->alias,'eventType' => $event->type,'eventId' => $event->id])}}">
<div class="exp-csv">
<span>{{__("rapports.btn.export")}}</span>
</div>
</a>
file.blade.PHP:
<th class="pt-0">
<div class="export" id="zip-submit-button">
<span id="export-selected">{{__("rapports.tab.export")}}</span>
</div>
</th>
</tr>
</thead>
<tbody id="rapports-body">
<form action="{{route('client.rapport.export.zip',['alias' => $client->alias])}}" method="post" id="zip-submit-form">
@csrf
@foreach($events as $event)
<tr class="next-reunions" data-type="{{$event->type}}" data-name="{{strtolower($event->name)}}">
<td>
<div class="form-check">
<label class="form-check-label">
<input type="checkBox" name="partcheck[]" class="form-check-input rapport-check" value="{{$event->id}}" data-id="{{$event->id}}" data-type="{{$event->type}}">
<i class="input-frame"></i>
</label>
</div>
</td>
<td>{{$event->name}}</td>
<td>{{date("Y-m-d - H:i",strtotime($event->startAt))}} EST</td>
<td>{!! differenceInMinutes($event->startAt,$event->endAt) !!}min</td>
<td>{{ucfirst($event->type)}}</td>
<td>
<div class="d-flex">
<div>
<div class="img-user"></div>
</div>
<div class="ml-3"><span>{{count($event->participants)}}</span></div>
</div>
</td>
<td>$ 0</td>
<td>
<a class="rapport-download-link" href="{{route('client.rapport.export','eventId' => $event->id])}}">
<div class="exp-csv">
<span>{{__("rapports.btn.export")}}</span>
</div>
</a>
</td>
</tr>
@endforeach
</form>
</tbody>
custom.js:
// export selection button
$(function() {
$('#zip-submit-button').on("click",function() {
$("#zip-submit-form").submit();
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。