Skip to main content
cuerpo editado; etiquetas editadas
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

heHe creado una web con varios formularios. Les incluiincluí 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.

he creado una web con varios formularios. Les inclui 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.

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.

Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53

Validación de formulario javaScript

he creado una web con varios formularios. Les inclui 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