He creado una web con varios formularios. Les incluí un botón para que tengan que aceptar los términos y hasta que no se hace check no se puede enviar. Pero aun así recibo muchísimo spam, entonces quiero validar que los campos no vayan vacíos y que alguna validación más.
Pongo un formulario super sencillo para suscribirse a una Newsletter, para no llenar esto mucho.
Código del formulario:
<form enctype="multipart/form-data" id="news" method="post" >
<div class="form-group">
<i class="far fa-envelope form-control-email"></i>
<input type="email" class="form-control myInput" name="email" id="email" placeholder="Tu email...">
</div>
<div class="" id="mensajeNEWS">
<input name="chec" class="chzxc" type="checkbox" id="chec" onchange="comprobarNews(this);" style="display:inline-block;">
<label class="labTerm" style="display:inline;">He leído y acepto la <a href="privacidad-y-condiciones.php" title="Privacidad y Condiciones">Privacidad y Condiciones</a></label>
</div>
<button type="submit" id="llamada229" class="btn btn-primary btnNews" disabled>Suscribete</button>
</form>
Función Javascript para la respuesta del envio.
$(function(){
$("#news").on("submit", function(e){
e.preventDefault();
var f = $(this);
var formData = new FormData(document.getElementById("news"));
formData.append("dato", "valor");
$.ajax({
url: "respuestas/respuesta-news.php",
type: "post",
dataType: "html",
data: formData,
cache: false,
contentType: false,
processData: false,
beforeSend: function(){
$("#mensajeNEWS").html("<div class='ui active inline loader myLoader' style='margin-bottom:1%;'></div>")
},
success: function (resultado){
setTimeout(function(){
$("#mensajeNEWS").html(resultado);
}, 1300);
}
});
setTimeout(function () {
location.reload();
}, 5000); //will call the function after 2 secs
});
});
Para comprobar si el check esta clicado y así se activa el botón.
function comprobarNews(obj)
{
if (obj.checked)
document.getElementById('llamada229').disabled = false;
else
document.getElementById('llamada229').disabled = true;
}
Todo esto funciona, pero como hago para validar los campos??? Saludos
<input>
el atributorequired
te valdría. Ejemplo:<input type="text" required>
.required
no funciona en todos los navegadores si no recuerdo mal no?jquery validate
o unrequired
, tu problema es otro. Te aconsejo que estudiesCAPTCHA