Buen día,
Actualmente presento un problema en el cual el usuario no espera que el servidor procese la información y oprime nuevamente el botón de enviar el formulario provocando que se duplique la información, estaba pensado en deshabilitar el botón de envió cuando el usuario oprime por primera vez mientras el servidor resuelve.
Se debe tener en cuenta que los campos del formulario son obligatorio en el frontend y también se validan en el backend (php) así que si el usuario oprime el botón de enviar pero no cumple con las validaciones se tiene que volver a habilitar.
if(!empty($_POST))
{
if (empty($_POST['estado']) || empty($_POST['monto_girado']) || empty($_POST['observaciones_contabilidad']) ){
echo '<script language="javascript">alert("Todos los campos son obligatorios");</script>';
}else{
if ($_POST['estado'] == 1 ){
$estado_general_texto = "Girado";
}else{
$estado_general_texto = "No girado";
};
$query ="
INSERT INTO anticipos (estado_texto, estado_numero, valor_girado, observaciones_contabilidady)
VALUES
('{$estado_general_texto}','{$_POST['estado']}','{$_POST['monto_girado']}','{$_POST['observaciones_contabilidad']}')
";
//ejecuta el query en la DB
$conexion->ejecutar($query);
$email = "[email protected]";
$nombre= "test";
$asunto = "Aprobacion";
$cuerpo = "Registro creado";
enviarEmail($email, $nombre, $asunto, $cuerpo);
header("Location: ./pendientes.php");
}
}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<form class="well" action="" method="POST" enctype="multipart/form-data">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="coordinador">Coordinador</label>
<input type="text" class="form-control" name="coordinador" value="CESAR INSUASTY" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="proyecto">Proyecto</label>
<input type="text" class="form-control" name="proyecto" value="IMPLEMENTACIÓN" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="destinatario">Destinatario</label>
<input type="text" class="form-control" name="destinatario" value="LUIS PEREZ" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="ot">Documento Destinatario</label>
<input type="text" class="form-control" name="ot" value="123456789" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="ot">OT</label>
<input type="text" class="form-control" name="ot" value="1305" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="destino">Destino</label>
<input type="text" class="form-control" name="destino" value="COMPRA PC" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Monto solicitado</label>
<input type="text" class="form-control" name="monto_solicitado" value="150000" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Observaciones coordinador</label>
<input type="text" class="form-control" name="observaciones_coordinador" value="NINGUNA" readonly="readonly">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Monto girado *</label>
<input type="number" class="form-control" name="monto_girado" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="estado">Estado *</label>
<select class="form-control" style="width: 100%;" name="estado" required>
<option selected="selected" value=""></option>
<option value="1">Girado</option>
<option value="2">No Girado</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="fecha_giro">Fecha consignación *</label>
<input type="date" class="form-control" name="fecha_giro" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="observaciones_contabilidad">Observaciones *</label>
<input type="text" class="form-control" name="observaciones_contabilidad" required value="Ninguna">
</div>
</div>
<button type="submit" class="btn btn-success col fileinput-button">Enviar</button>
</div>
</form>
El desarrollo lo estoy haciendo con HTML y PHP