Simple function to check if all required fields are filled out correctly

isFormValid.js

const isFormValid = form => {
  const elements = form && form.elements
  if (!elements) return false
  return Array.from(elements).every(elem => elem.validity && elem.validity.valid)
}

@eddiemoore Is this a ponyfill for HTMLFormElement.prototype.checkValidity()?

• https://html.spec.whatwg.org/multipage/forms.html#dom-cva-checkvalidity
• https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement

Not sure why this should return false if the form does not have a valid elements property. Maybe throw an error?

@sebdeckers returning false if the form doesn't exist basically. cause if it is a form it should have the .elements "array". even if there are no elements .elements should still return something. So if the form is invalid then the form is not valid

@eddiemoore Throws when form is undefined but otherwise similar behaviour in the for/of style.

function isFormValid ({elements}) {
  for (const {validity} of Array.from(elements)) {
    if (validity && !validity.valid) return false
  }
  return true
}