FetchIt instance

Below is a list of FetchIt instance properties and methods.

clearErrors()

Clears all form errors.

• Type: function (): undefined
• Example:

document.addEventListener('fetchit:after', (e) => {
  e.preventDefault();
  const { fetchit } = e.detail;
  fetchit.clearErrors();
});

clearError()

Clears errors for a specific field.

• Type: function (name: string): object
• Example:

document.addEventListener('fetchit:after', (e) => {
  e.preventDefault();
  const { fetchit } = e.detail;
  const { fields, errors, customErrors } = fetchit.clearError('password');
});

setError()

Marks a field as invalid by name and sets its error message. Useful when integrating front-end validation.

• Type: function (name: string, message: string): undefined
• Example:

document.addEventListener('fetchit:before', (e) => {
  e.preventDefault();
  const { fetchit } = e.detail;

  // Field validation

  fetchit.setError('email', 'Email validation failed');
});

Important!

Client-side validation is not secure and should only be used to improve user experience.

disableFields()

Disables all form elements.

• Type: function (): undefined

enableFields()

Removes disabled from all form elements.

• Type: function (): undefined

getFields()

Returns an array of elements for the given field name.

• Type: function (name: string): HTMLElement[]