Экземпляр класса FetchIt

Ниже представлен список свойств и методов экземпляра класса FetchIt.

clearErrors()

Данный метод очищает все ошибки формы.

• Тип: function (): undefined
• Пример:

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

clearError()

Данный метод очищает ошибки связанные с конкретным полем.

• Тип: function (name: string): object
• Пример:

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

setError()

Данный метод устанавливает состояние невалидности конкретному полю по названию. Может быть удобным в случаях интеграции валидации на фронте.

• Тип: function (name: string, message: string): undefined
• Пример:

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

  // Валидация поля

  fetchit.setError('email', 'Поле email не прошла валидацию');
});

Важно!

Валидация на стороне клиента небезопасна и должна быть реализована только для удобства пользователя.

disableFields()

Данный метод устанавливает все элементы формы в состояние disabled.

• Тип: function (): undefined

enableFields()

Данный метод убирает состояние disabled со всех элементов формы.

• Тип: function (): undefined

getFields()

Данный метод возвращает массив полей по названию.

• Тип: function (name: string): HTMLElement[]