Javascript 通过模式中的输入字段将值后置到控制器

此代码创建按钮以删除Laravel中的操作。 单击此按钮时，将显示模式框。 但当我单击“停止”按钮时，我无法在模式输入框中插入任何数据，因为此代码刚刚消失，而不是插入输入文本的机会：(

如何修改此代码

通过Laravel中的集合停止按钮

{!! Form::open(['route' => ['jobs.destroy', $job->id], 'method' => 'delete', 'class' => 'btn-group', 'id' => 'jobStop']) !!}
{!! Form::button('<i class="glyphicon glyphicon-stop"></i>', ['type' => 'submit', 'class' => 'btn btn-warning btn-xs', 'id' => 'jobStop']) !!}
{!! Form::hidden('stop_comment', $job->stop_comment, ['id' => 'jobComment']) !!}
{!! Form::close() !!}

---

您的Javascript正在打开模式，但在后台表单确实已提交，因此将加载表单的

操作

您需要在Javascript中防止表单提交，如下所示：

$('#jobStop').on('click', function (e) {
    e.preventDefault();    // <-- prevent normal form submission
    $("#jobStopModal").modal("show");
});

如果更改按钮ID，当然需要更新JS事件处理程序：

$('#jobStopButton').on('click', function (e) {

因为这个代码刚刚过去了
-这到底是什么意思？你是说页面重新加载，模态消失了吗？@不要惊慌，模态一出现，马上就消失了。好的，我想我明白了。我发布了答案，有用吗？@Don'tPanic，是的，it work find，谢谢：）顺便说一下，如果我使用按钮类型作为
button
而不是
submit
，那么在不使用
preventDefault（）
的情况下，这会是一种更简单的方法吗？。使用
preventDefault（）。
$('#jobStop').on('click', function (e) {
    e.preventDefault();    // <-- prevent normal form submission
    $("#jobStopModal").modal("show");
});

{!! Form::open([ ...    'id' => 'jobStop']) !!}
{!! Form::button(' ...  'id' => 'jobStopButton']) !!}

$('#jobStopButton').on('click', function (e) {