【问题标题】:Laravel contact form with confirm page带有确认页面的 Laravel 联系表
【发布时间】:2018-12-24 04:33:05
【问题描述】:

我正在寻找带有确认视图的 Laravel 联系表单的示例代码

我问了这个问题 Adding live search script into Laravel Form:: 我正在考虑重新启动以制作不使用“{!! Form::”方式的联系页面 可以结合ajax实时搜索部分。 我一直在搜索带有确认视图的联系表单的示例代码,但我找不到它。不叫“确认观点”吗? 谁能教我怎么称呼它?

<div class="form-group{{ $errors->has('search') ? ' has-error' : '' }}">
                {!! Form::label('search', 'search:', ['class' => 'col-sm-2 control-label']) !!}

                <div class="col-sm-10">
                    {!! Form::text('search', null, ['class' => 'form-control']) !!}

                    @if ($errors->has('search'))
                        <span class="help-block">
                            <strong>{{ $errors->first('search') }}</strong>
                        </span>
                    @endif
                </div>
            </div>

【问题讨论】:

  • 嗨,Blue,您想在同一页面中显示确认消息吗?
  • 嗨。 @Emmanuel Hdz Díaz 感谢您的评论。第 1 页只是输入页。键入名称、电子邮件和 procut 名称。然后第二页只是确认页面。消息就像“你确定要发送这些信息吗?”如果你没事。点击发送按钮。所以最后是第 3 页。它说。您的消息已发送谢谢您的联系。
  • 好的,你需要使用Ajax,在你的输入表单中不要设置方法和动作,创建一个按钮和onClick函数放置Jquery脚本的名称(这里你可以验证字段并显示确认警报)。试着去做,发布你的结果,我们可以继续下一步。

标签: laravel laravel-5


【解决方案1】:

那么第二页只是确认页面。

我看不出将其分成 3 页的原因。

如果您只是想在其中添加确认步骤,您是否考虑过使用onclick 提示用户确认?使您免于在页面之间跳转并完成我认为您在此处所追求的目标。

如果用户输入通过验证,您的控制器会处理数据并将您发送到感谢页面。如果没有,它会将用户引导回表单页面并告诉他们错误是什么。

路线文件:

Route::post('/your/route', 'YourController@store');

input-form.blade.php:

<form method="POST" action="/your/route">
    @csrf 
    <!-- add your form inputs --> 
    <input type="text" name="fname" class="form-control" />
    <input type="email" name="email" class="form-control" />

    <button class="btn" onclick="return confirm('Are you sure your credentials are correct?')">
</form>

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

你的控制器:

public function store(Request $request)
{
    // You'd want to expand on this a bit

    $validatedData = $request->validate([
        'fname' => required,
        'email' => required
    ]);

    // Process your data ... 


    // Then, return to your confirmation page 
    return view('thankyou-page');

}

谢谢-page.blade.php

<div class="container">
    <div class="col-md-10">
        Thank you, your order is confirmed!
    </div>
    <!-- col --> 
</div>
<!-- container --> 

您可以scroll through Laravels amazing documentation here 更多地说明表单验证。

【讨论】:

  • 亲爱的@UkraineInTheMembrane 非常感谢。我喜欢你的解释。抱歉迟到了,谢谢。你帮了我很多!
  • 完全不用担心!很高兴我能帮忙@blueink :)
猜你喜欢
  • 2023-03-08
  • 1970-01-01
  • 2013-07-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多