Как я могу показать всплывающее модальное после выполнения функции в Laravel?

Привет, ребята, поэтому я сделал простую контактную форму для отправки электронных писем. Как я могу показать модальный или уведомление, когда я нажимаю кнопку отправки, что электронное письмо было отправлено? но он должен сначала выполнить функцию отправки электронной почты, а затем показывать только модальные.

Лезвие:

<form role="form" enctype="multipart/form-data" action="{{action('AltHr\Portal\PortalController@sendemail')}}" method="post" class="m-t-15">
{{csrf_field()}}
<div class="form-group form-group-default">
<label>Full Name<span style="color:red">*</span></label>
<input type="text" name="name" placeholder="As per IC" class="form-control" required>
</div>
<div class="form-group form-group-default">
<label>Company<span style="color:red">*</span></label>
<input type="text" name="company" placeholder="Company name" class="form-control" required>
</div>
<div class="form-group form-group-default">
<label>Email<span style="color:red">*</span></label>
<input type="email" name="email" placeholder="Company email preferred" class="form-control" required>
</div>
<div class="form-group form-group-default">
<label>Phone Number</label>
<input type="number" name="number" placeholder="Phone number optional" class="form-control">
</div>
<div class="form-group form-group-default">
<label>Category</label>
<select name="category" class="full-width form-control">
<option value="General">General</option>
<option value="Sign Up">Sign Up</option>
<option value="Onboarding">Onboarding</option>
<option value="Expenses">Expenses</option>
<option value="Travels">Travels</option>
<option value="Leaves">Leaves</option>
<option value="Suggestions">Suggestions</option>
</select>
</div>
<div class="form-group form-group-default">
<label>Message<span style="color:red">*</span></label>
<textarea name="text" placeholder="Please type your message here" style="height:100px" class="form-control" required></textarea>
</div>
<div class="form-group form-group-default">
<label>Attachment</label>
<input type="file" name="files[]" accept="file_extension|image/*|media_type" multiple>
</div>

<div class="sm-p-t-10 clearfix">
<i class="pull-left small hint-text m-t-5 font-arial"><span style="color:red">*</span>indicates required field</i>
<button class="btn btn-primary font-montserrat all-caps fs-12 pull-right xs-pull-left">Submit</button>
</div>
<div class="clearfix"></div>
</form>

0

Решение

Вы можете сделать это, используя Ajax, отправив с ним запрос POST и показывая модальный код в Javascript после получения ответа.

Что-то похожее:

    $.ajax({
type: "POST",
url: {{action('AltHr\Portal\PortalController@sendemail')}},
data: {
// Your data here
},
success: function(msg)
{
$("#emailSentModal").modal("toggle");
}
});
0

Другие решения

Вы можете использовать переменную сеанса. Если эта переменная сеанса имеет значение, то будет отображаться модальное значение. что-то вроде этого.

контроллер

public function sendemail(Request $request)
.....
...
return view('AltHr.Portal.support')->with('modal','true');

лопасть

  <script>
@if(session()->has('modal'))
$("#emailSentModal").modal("toggle");

@endif
</script>
0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector