如何在laravel 5.2中验证模态窗口

时间:2016-12-11 23:42:49

标签: php laravel laravel-5.2

我想以模态注册新闻,但我成功但问题是当我想在同一模态中验证错误时,我不能很好地处理ajax。 我想知道与ajax一起使用哪些代码来显示错误?

此代码是我的代码

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 1300;">
     <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Agregar Nueva Noticia</h4>
  </div>
  <div class="modal-body">
    {!! Form::open(['id' => 'form', 'files' => 'true']) !!}

    <div class="form-group">
        {!! Form::label('title', 'Titulo') !!}
        {!! Form::text('title', null, ['class' => 'form-control', 'placeholder' => 'Titulo de la Noticia..', 'riquired']) !!}
    </div>

    <div class="form-group">
        {!! Form::label('content', 'Agrega tu Noticia') !!}
        {!! Form::textarea('content', null, ['class' => 'form-control textarea-content']) !!}
    </div>

    <div class="form-group">
        {!! Form::label('imagen', 'Agrega tu Imagen') !!}
        {!! Form::file('photo', ['id' => 'photo'] ) !!}
    </div>

    <div class="form-group">
       <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>
       <button type="button" id="Guardar" class="btn btn-danger btn-sm">Guardar</button>

    </div>


{!! Form::close() !!}

  </div>
  <div class="modal-footer">

     </div>
   </div>
 </div>

y mi controlador

public function store(NoticiaCreateRequest $request)
 {

//MANIPULACION DE IMAGENES
if ($request->file('photo')) {
    $file = $request->file('photo');
    $name = '/imagen/noticias/Cm' . time() . '.' . $file->getClientOriginalExtension();
    $path = public_path() . '/imagen/noticias/';
    $file->move($path, $name);
}

$datos = new Noticia();

$datos->title   = $request->title;
$datos->content = $request->content;
$datos->photo   = $name;
$datos->save();

Session::flash('save', 'Se ha creado Correctamente');

return redirect()->route('admin.noticias.index');

         }

y mi request

     public function rules()
   {
return [

    'title' =>  'min:8|max:65|required',
    'content' => 'min:20|required',
    'photo' => 'required',
];

}

我想要这样的东西

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

当您通过模态提交表单时,传递一个值为“1”且名称为“fromModal”的“隐藏”输入类型,表示该表单是否是从模态提交的。如果有一个类似的形式没有通过模态提交,请保持'隐藏'输入类型值'0'。

因此,无论何时,在验证中出现错误,输入类型值也将在old()函数中接收,您可以通过old('fromModal')访问它。

如果此值为1,则可以使用

显示Bootstrap模式
$('#modal-CSS-Selector').modal('toggle');

要显示验证错误,例如图片中提到的验证错误,请访问Laravel Documentation for Validation