cuando envío los datos del formulario, el controlador los reconoce vacíos.
public function store(Request $request)
{
//
$this->validate($request,[
'PERS_varDNI' => 'required',
'PERS_varApPaterno' => 'required',
'PERS_varApMaterno' => 'required',
'PERS_varNombres' => 'required',
]);
Persona::create($request->all());
return;
}
The given data was invalid.{ "PERS_varDNI": [ "The p e r s var d n i field is required." ], "PERS_varApPaterno": [ "The p e r s var ap paterno field is required." ], "PERS_varApMaterno": [ "The p e r s var ap materno field is required." ], "PERS_varNombres": [ "The p e r s var nombres field is required." ] }
aca es donde envio los datos
const app = new Vue({
el: '#v_pers',
created: function(){
this.getPersonas();
},
data:{
personas:[],
newPersona:{PERS_varDNI: '', PERS_varApPaterno: '', PERS_varApMaterno: '', PERS_varNombres: ''},
errors:[]
},
createPersona: function(){
var url='personas';
axios.post(url,{
persona: this.newPersona
}).then(response=>{
this.getPersonas();
this.newPersona={PERS_varDNI: '', PERS_varApPaterno: '', PERS_varApMaterno: '', PERS_varNombres: ''},
this.errors=[];
$('#createPersona').modal('hide');
toastr.success('Nueva persona creada con exíto');
}).catch(error=>{
this.errors=error.response.data
});
}
esta es la vista de donde envío los datos
<form method="POST" v-on:submit.prevent="createPersona">
<div class="modal fade" id="createPersona">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
<h4>Nueva persona</h4>
</div>
<div class="modal-body">
<label for="PERS_varDNI">DNI</label>
<input type="number" name="PERS_varDNI" class="form-control" v-model="newPersona.PERS_varDNI">
<label for="PERS_varNombres">Nombres</label>
<input type="text" name="PERS_varNombres" class="form-control" v-model="newPersona.PERS_varNombres">
<label for="PERS_varApPAterno">Apellido Paterno</label>
<input type="text" name="PERS_varApPAterno" class="form-control" v-model="newPersona.PERS_varApPaterno">
<label for="PERS_varApMaterno">Apellido Materno</label>
<input type="text" name="PERS_varApMaterno" class="form-control" v-model="newPersona.PERS_varApMaterno">
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Guardar">
</div>
</div>
</div>
</div>
</form>
¿alguna idea de porque no se envían los datos? pd: cuando uso alert(this.newPersona.PERS_varDNI); en la funcion createPersona ahí me aparece el dato de dni normal