Как предотвратить отправку кнопки отправки формы с использованием Foundation 6.6 и Abide - PullRequest
Новая
       22

Как предотвратить отправку кнопки отправки формы с использованием Foundation 6.6 и Abide

0 голосов
/ 22 февраля 2020

Я пытаюсь использовать Foundation 6.6 для проверки правильности формы, и если форма действительна, я НЕ хочу, чтобы она отправлялась, а скорее запускаю другое другое событие. Что бы я ни делал - форма всегда кажется отправляющей. 

<form data-abide novalidate id="contactForm" >
  ...
  <input type="submit" value="Next " id="goToBillingAddressTab"/>
</form>

Я добавил этот код - но он всегда отправляет. 

// script to prevent form from submitting 
$('#contactForm').on("submit", function(ev) {
    ev.preventDefault();
    console.log("Submit for form intercepted");
      return false;
  });

// script to trigger other events 
    $('#contactForm').on("formvalid.zf.abide", function(ev,frm) {
      console.log("Form is valid");
      ev.preventDefault(); // also added prevent submit here
      // perform other tasks here

      return false; // and another version of prevent submit
  });

Я тоже пробовал это - но он все еще отправляет : 

  $('#contactForm').on("submit", function(ev) {
  ev.stopPropagation();
  ev.stopImmediatePropagation();
  ev.preventDefault();
  console.log("Submit for form intercepted");
  return false;
});


$('#contactForm').on("formvalid.zf.abide", function(ev) {
console.log("Form is valid");
    ev.stopPropagation();
    ev.stopImmediatePropagation();
    ev.preventDefault();
    // perform other task

    return false;
});

1 Ответ

0 голосов
/ 29 февраля 2020

РЕШЕНИЕ!

Я использовал «СКАЧАТЬ ВЕРСИЮ» Foundation 6.6.1. Вот где ошибка закрадывается куда-то.

Если я использую CDNS: https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.1/js/foundation.min.js

Тогда он работает как должен

...