Utilities

getFormErrors

Returns every form error in an HTML form element.

Params

form : An HTMLFormElement

Returns

A JavaScript object containing the form errors

Examples

<form>
  <input name="foo" required value="Foo" />
  <input name="bar" required />
  <input name="age" type="number" value="uno" />
  <input name="website" type="url" value="url" />
  <input name="e-mail" type="email" value="email@" />
</form>

import { getFormErrors } from '@adobe/elsie/ore/lib';

const formElement = container.querySelector('form') as HTMLFormElement;

const errors = getFormErrors(formElement);

console.log(errors); // { bar: 'Constraints not satisfied', website: 'Constraints not satisfied', 'e-mail': 'Constraints not satisfied', }