QUESTION - How to use `revalidate` to stop user navigation if form is invalid? about just-validate HOT 7 CLOSED

    let tabValid = false
    _tabs = document.querySelectorAll('a[data-bs-toggle="tab"]');
    _tabs.forEach(function (tab, index, arr) {
      
      tab.addEventListener('hide.bs.tab', function (event) {
        //if validation is ok allow tab moving 
        if (tabValid) {
          //do something on valid form case
         tabValid = false;
          return
        }

        //to lock switch beetwen tabs use the code below
        event.preventDefault()

        //validate
        _validator.revalidate().then((isValid) => {
          if (isValid) {
            tabValid = true
            event.relatedTarget.click() // related target contains the tab clicked 
          }
        });
      })

tab.addEventListener('show.bs.tab', function (event) {
        //pause event execution

        //call revalidate function 
        _validator.revalidate()
        .then((isValid) => { 
          //if form is valid resume event execution
        });

  tab.addEventListener('hide.bs.tab', function (event) {
        //to lock switch beetwen tabs use the code below
        event.preventDefault()

        //validate
       _validator.revalidate().then((isValid) => { 
          if (isValid)
            event.relatedTarget.click() // related target contains the tab clicked 
        });

        ...
  })

  tab.addEventListener('hide.bs.tab', function (event) {
         if (event.defaultPrevented) {
            // do nothing, allow the clicking
            return
         }
        //to lock switch beetwen tabs use the code below
        event.preventDefault()

        //validate
       _validator.revalidate().then((isValid) => { 
          if (isValid)
            event.relatedTarget.click() // related target contains the tab clicked 
        });

        ...
  })

let tabValid = false
  tab.addEventListener('hide.bs.tab', function (event) {
         if (tabValid) {
            // do nothing, allow the clicking
            return
         }
        //to lock switch beetwen tabs use the code below
        event.preventDefault()

        //validate
       _validator.revalidate().then((isValid) => { 
          if (isValid) {
                         tabValid = true
                         event.relatedTarget.click() // related target contains the tab clicked 
           }

        });

        ...
  })