Server-Side Field Validation Rules

document.querySelector('.ajaxForm').addEventListener('submit', function (e) {
  e.preventDefault();

  fetch('https://formcarry.com/s/yourFormId', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    },
    body: JSON.stringify({ email: 'wrongEmail', name: '' }),
  })
    .then((response) => response.json())
    .then((response) => {
      if (response.code === 422) {
        var errors = response.errors;
        for (var key in errors) {
          if (errors.hasOwnProperty(key)) {
            var formElement = document.querySelector('[name="' + key + '"]');
            if (formElement) {
              formElement.classList.add('form-error');
            }
          }
        }
        alert('An error occurred: ' + response.message);
      } else {
        alert('We received your submission, thank you!');
      }
    })
    .catch((error) => console.log(error));
});

$(function () {
  $('.ajaxForm').submit(function (e) {
    e.preventDefault();
    var href = $(this).attr('action');

    $.ajax({
      type: 'POST',
      dataType: 'json',
      url: href,
      data: $(this).serialize(),
      success: function (response) {
        if (response.code === 422) {
          $.each(response.errors, function (key) {
            $('[name="' + key + '"]').addClass('form-error');
          });
          alert('An error occurred: ' + response.message);
        } else {
          alert('We received your submission, thank you!');
        }
      },
    });
  });
});