Foros del Web » Programando para Internet » Javascript »

checkValidity() formulario

Estas en el tema de checkValidity() formulario en el foro de Javascript en Foros del Web. Hola estoy creando un formulario en base a el ejemplo de Checkout de Bootstrap 4 (https://getbootstrap.com/docs/4.0/examples/checkout/) el problema lo tengo en que no quiero que ...
  #1 (permalink)  
Antiguo 06/03/2020, 09:14
 
Fecha de Ingreso: junio-2010
Mensajes: 106
Antigüedad: 9 años, 9 meses
Puntos: 1
checkValidity() formulario

Hola estoy creando un formulario en base a el ejemplo de Checkout de Bootstrap 4 (https://getbootstrap.com/docs/4.0/examples/checkout/) el problema lo tengo en que no quiero que el formulario se envie normal, quiero enviarlo por Ajax.
Os agraderia que me pudierais orientar sobre el codigo siguiente de verificación, comentarlo un poco, sobretodo donde os he dejado el comentario //aqui, lo que quiero es saber en que punto puedo saber que todos los datos son correctos para meterle el Ajax alli.

Espero que me haya explicado bien, saludos.

Código:
<script>
      
          // Fetch all the forms we want to apply custom Bootstrap validation styles to
          var forms = document.getElementsByClassName('needs-validation');

          // Loop over them and prevent submission
          var validation = Array.prototype.filter.call(forms, function(form) {
            form.addEventListener('submit', function(event) {
              if (form.checkValidity() === false) {
                event.preventDefault();
                event.stopPropagation();
              }
              form.classList.add('was-validated');
            }, false //aqui
);
          });
        

    </script>
  #2 (permalink)  
Antiguo 06/03/2020, 13:27
 
Fecha de Ingreso: abril-2011
Mensajes: 66
Antigüedad: 9 años
Puntos: 19
Respuesta: checkValidity() formulario

Código Javascript:
Ver original
  1. var forms = document.getElementsByClassName('needs-validation');
  2.  
  3. // Loop over them and prevent submission
  4. var validation = Array.prototype.filter.call(forms, function(form) {
  5.     form.addEventListener('submit', function(event) {
  6.             if (!form.checkValidity()) { // si los datos del formulario son invalidos
  7.                 // Mostrar error...
  8.             }else{ // si los datos del formulario son validos
  9.                 // Hacer petición AJAX...
  10.             }
  11.             event.preventDefault();
  12.             event.stopPropagation();
  13.             form.classList.add('was-validated');
  14.     }, false);
  15. });


Última edición por prueba230683; 06/03/2020 a las 13:37



La zona horaria es GMT -6. Ahora son las 09:06.