Блог

Я создал функцию для открытия диалогового окна, но я не знаком с этим примером validation.js потому что я новичок в addEventListener().(Это из примеров начальной загрузки)

 (function () {
  'use strict'

  window.addEventListener('load', function () {
    var forms = document.getElementsByClassName('needs-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')
        //dialogOpen();  <-- this makes dialog open when validation still wrong.
      }, false)
    })
  }, false)
})()

  

Я хочу, чтобы моя страница открывала диалоговое окно перед отправкой при проверке каждой проверки. Где я должен написать dialogOpen(), чтобы сделать это правильно?

 (function () {
'use strict'

window.addEventListener('load', function () {
var forms = document.getElementsByClassName('needs-validation')

Array.prototype.filter.call(forms, function (form) {
  form.addEventListener('submit', function (event) {
    if (form.checkValidity() === false) {
      event.preventDefault()
      event.stopPropagation()
    } else {
      dialogOpen();  
    }

    form.classList.add('was-validated')
  }, false)
})
 }, false)
})()