Estoy enviando y recibiendo datos con Ajax y PHP json, estoy realizando pruebas, la validaciones hasta el momento funcionan, pero no entiendo su proceso de validación.
Todos los input
deben ser llenados para que al final se inserten los datos en la tabla en el siguiente código si me muestra los errores al dejar los campos vacíos, pero es seguro la manera empleada es decir no se escaparan el envío de datos vació a las columnas de la tabla de datos.
if (isset($_POST['editor'])) {
$title = $_POST['title'];
$mini_title = $_POST['mini_title'];
$discreption = $_POST['discreption'];
if (empty($_POST['title'])) {
echo json_encode(['status'=> false, 'message'=> ["title" =>"Ingrese datos uno"]]);
exit;
}
if (empty($_POST['mini_title'])) {
echo json_encode(['status'=> false, 'message'=> ["mini_title" =>"Ingrese datos dos"]]);
exit;
}
if (empty($_POST['discreption'])) {
echo json_encode(['status'=> false, 'message'=> ["discreption" =>"ingrese datos tres"]]);
exit;
}
// Si todos los datos son llenados correctamente
// Insertar los datos en la tabla
//$stmt = $c->prepare("INSERT INTO articulos (title, mini_title, discreption) VALUES (?, ?, ?)");
}
formulario
<form name="form" action="" id="form" method="post" role="form">
<h3>Edición</h3>
<br />
<label>Titulo</label>
<input type="text" name="title" id="title">
<label>Titulo Noticia</label>
<input type="text" name="mini_title" id="mini_title">
<label>Discrepción</label>
<input type="text" name="discreption" id="discreption" />
<br>
<input type="submit" name="editor" id="submit_boton" value="Insertar Articulo" />
</form>
Estoy usando un código ajax que encontre aquí ¿Cómo ocultar formulario y luego de un cierto tiempo redireccionar a otra página?
$(function() {
var frm = $('#resetform');
frm.submit(function(e){
e.preventDefault();
var formData = frm.serialize();
formData += '&' + $('#submit_btn').attr('name') + '=' + $('#submit_btn').attr('value');
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: formData,
})
.done(function(data) {
let res = JSON.parse(data);
if(res.status){
$('#message').fadeIn();
$('#message').html(res.message).delay(3000).fadeOut(3000);
$(frm).hide();
setTimeout(function(){
location.href = 'index.php';
},2000);
} else {
$('#message').fadeIn();
$('#message').html(res.message).delay(3000).fadeOut(3000);
}
})
.fail(function() {
$('#message').fadeIn();
$('#message').html(textStatus).delay(2000).fadeOut(2000);
})
});
});
required
a los campos obligatorios o con un validador de Javascript. Eso aliviaría la carga del servidor, evitando que éste haga un trabajo que el cliente puede hacer perfectamente. Esa comunicación cliente/servidor en la que es el servidor quien debe decirte que los datos no son correctos es preferible evitarla, estableciendo mejores controles del lado del cliente.javascript
cuando son datos enviados porajax
required
a los inputs que sean obligatorios ya estarás evitando que se envíen datos vacíos, por ejemplo:<input type="text" name="title" id="title" required>
y si quieres implementar una validación adicional, puedes por ejemplo tener por defecto en botónEnviar
del formulario desactivado y activarlo solamente cuando todos los inputs requeridos tengan datos. Es una entre muchas otras formas de controlar del lado del cliente y de escribir código coherente. Si te fijas en muchos sitios, ciertos botones no se activan hasta que los formularios no están bien completados.