Quiero insertar unos datos en una base de datos y estoy trabajando con verificaciones con javascript (es la primera vez que hago algo así).
Sin embargo, aunque no inserte nada, me registra los campos vacíos y no sé a qué se debe.
Me falta colocar el campo de cursos, por eso ese aún no está en la sentencia SQL.
También sigo trabajando con los datos de la fecha (ahí se logra ver en la sentencia) sin embargo no sé aún cómo colocar la fecha bien ya que me sale (0000-00-00
).
Me gustaría saber si puedo guardar la fecha del sistema ya que la fecha la usare después para insertarla en un PDF.
Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Certificación BV Gblobal</title>
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/font-awesome.css">
<script src="js/jquery-3.2.1.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<section class="formulario">
<section class="informacion_contacto">
<section class="titulos">
<span class="certificado.png"></span>
<h2>OBTENER<br>CERTIFICADO</h2>
<h3>Sistema de Certificación - BV Global</h3>
</section>
<section class="info_items">
<p><span class="fa fa-envelope"></span>[email protected]</p>
<p><span class="fa fa-mobile"></span>(55) 8021 - 5093</p>
</section>
</section>
<form action="insertarDatos.php" method="POST" class="formulario_usuarios">
<h2>Captura de datos.</h2>
<div class="user_info">
<label for="nombre">Nombre(s).*</label>
<input type="text" id="nombre" name="nombre">
<label for="apellido">Apellidos.*</label>
<input type="text" id="apellido" name="apellido">
<label for="curp">CURP. (Solo ciudadanos méxicanos)</label>
<input type="text" id="curp" name="curp">
<label for="curso">Seleccionar curso*</label>
<select>
<option value="1">ISO 9001:2015 Sistemas de gestión de la calidad</option>
<option value="2">ISO 14001:2015 Sistemas de gestión ambiental </option>
<option value="3">ISO 45001:2018 Sistemas de gestión de la seguridad y salud en el trabajo </option>
<option value="4">ISO 28000:2007 Sistemas de gestión para la seguridad de la cadena de suministro</option>
<option value="5">ISO 37001:2016 Sistemas de gestión antisoborno</option>
<option value="6">ISO 39001:2012 Sistemas de gestión de la seguridad vial </option>
<option value="7">ISO 31000:2018 Gestión del Riesgo – Directrices</option>
<option value="8">ISO 21001:2018 Sistemas de gestión para organizaciones educativas </option>
<option value="9">ISO 19011:2018 Directrices para la auditoría de los sistemas de gestión</option>
</select>
<label for="email">Correo electronico *</label>
<input type="text" id="email" name="email">
<input type="submit" value="ENVIAR" id="btnSend">
</div>
</form>
</section>
</body>
</html>
Código Javascript:
$(document).ready(function() {
$('#btnSend').click(function() {
var errores = '';
//var expReg = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
// Validado Nombre ==============================
if ($('#nombre').val() == '' || $('#nombre').val() >= 30) {
errores += '<p>Nombre inválido, verificar campo.</p>';
$('#nombre').css("border-bottom-color", "#F14B4B")
} else {
$('#nombre').css("border-bottom-color", "#d1d1d1")
}
// Validado Apellido ==============================
if ($('#apellido').val() == '' || $('#apellido').val() >= 30) {
errores += '<p>Apellido inválido, verificar campo.</p>';
$('#apellido').css("border-bottom-color", "#F14B4B")
} else {
$('#apellido').css("border-bottom-color", "#d1d1d1")
}
// Validado Correo ==============================
// var esValido = expReg.test($('#email'));
if ($('#email').val() == '') {
errores += '<p>Correo electrónico invalido, verificar campo.</p>';
$('#email').css("border-bottom-color", "#F14B4B")
} else {
$('#email').css("border-bottom-color", "#d1d1d1")
}
// ENVIANDO MENSAJE ============================
if (errores == '' == false) {
var mensajeModal = '<div class="modal_wrap">' +
'<div class="mensaje_modal">' +
'<h3>Errores encontrados</h3>' +
errores +
'<span id="btnClose">Cerrar</span>' +
'</div>' +
'</div>'
$('body').append(mensajeModal);
}
// CERRANDO MODAL ==============================
$('#btnClose').click(function() {
$('.modal_wrap').remove();
});
});
});
Código PHP:
<?php
include('conexion.php');
$conn = mysqli_connect($db_host,$db_usuario,$db_password,$db_nombre);
$nombre = $_POST['nombre'];
$apellido = $_POST['apellido'];
$curp = $_POST['curp'];
//$fecha_enfermedad = $_POST['fecha_enfermedad'];s
$email = $_POST['email'];
$time = date("g:i a");
$sql_query = "INSERT INTO datos_usuarios(nombre, apellido, curp,
email)
VALUES ('$nombre', '$apellido', '$curp', '$email')";
$resultado = $conn -> query($sql_query);
if ($resultado)
{
echo "Registro insertado";
}
else
{
echo "No se inserto";
}
?>
errores == '' == false
no tiene sentido, parecen ser dos condiciones a evaluar y por tanto deberían estar separadas por algún operador lógicomysqli::real_escape_string()
. (Redactando respuesta).