модальности Laravel 5,1

Question

У меня есть этот код:

<!-- line modal --> 
 
<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
 
    <div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
    <div class="modal-header"> 
 
     <h3 class="modal-title" id="lineModalLabel">Prašymas Dėl Pakvietimo</h3> 
 
    </div> 
 
    <div class="modal-body"> 
 
     
 
      <!-- content goes here --> 
 

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

 

 
    {!! Form::open(['url' => 'sukurti', 'id' => 'frm']) !!} 
 

 
    @include('components.forma') 
 

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

 

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

Want Я хочу сделать здесь, чтобы показать ошибки, не закрывая модальность. Потому что, если теперь я оставляю пустое пространство и нажимаю submit, модальный выключается, и если я еще один раз нажимаю кнопку, чтобы показать модальное значение, то я вижу ошибку. Как сделать так, чтобы при пробелах пробел я нажимал модальный шрифт и не оставался с ошибками?

Answer 1

Чтобы работать так, вам нужно внести небольшую корректировку в свой код.

JQuery будет обрабатывать ваше действие отправки. Сделайте событие отправки, например;

$('#frm').submit(function(e){ 
//stop default submit 
e.preventDefault(); 
//make checks here now check for space . 
var field = trim($('fieldname').val()); 
//of course you can apply some jquery validation library here too . 
if(field.length > 0){ 
    //submit form but you need to perform ajax for saving data here 
    //on ajax success close you modal 
    //here if you have some server side validation error then show them here without closing modal 
    //laravel give you error in json array form . foreach and append them on ul tag . 
    //$error = []; $.each(errors , function(val){$error[] = "<li>"+val+"</li>";}); $('ulid or class').html(error); 
    //empty html of this ulid or class if there is no error 
    // $('#squarespaceModal').modal('hide');  

}else{ 
    //show error 
    $('ulid or class').html('<li>This is error</li>'); 
    } 

})

То есть основная идея, как вы можете достичь своей цели.