Как прикрутить jQuery Validate к textarea, являющуюся CKEditor 5?

Question

[sasha_jarvi]

Имеется следующий код для формы, отправляющей e-mail:

$(document).ready(function () {
  const form = $('.form-block__email-form');
  const emailTextarea = $('.form__text');
  let emailTextEditor;

  ClassicEditor
    .create(document.querySelector( '#emailText'))
    .then(editor => {
      emailTextEditor = editor;
    } )
    .catch(error => {
      console.error(error);
    });

  form.validate({
    rules: {
      emailRecipients: {
        required: true,
        email: true
      },
      emailText: {
        
      }
    },
    messages: {
      emailRecipients: {
        required: "Пожалуйста, введите e-mail",
        email: "Пожалуйста, введите e-mail в корректном формате"
      },
      emailText: {
        required: "Пожалуйста, введите текст письма"
      }
    }
  });
});

К полям ввода e-mail и текста письма решил прикрутить валидацию с помощью jQuery Validate. Однако неясно, как прикрутить валидацию к полю ввода текста письма, если учесть, что оно является CKEditor'ом. Попробовал сделать через emailTextEditor.updateSourceElement(), но это не сработало. Как добавить правило required к указанному полю ввода?

Код полностью: https://jsfiddle.net/sasha_jarvi/8hj6zdbp/

Answer 1

[Антон Шаманов]

элементарно ватсон, в твоей библиотеке написано что выбираются все не скрытые поля, редактор скрывает textarea значит вещаешь событие на submit и переносишь туда код валидации, а перед ней сделай видимым поле textarea и после проверки скрой обратно или еще лучше размести его за экраном - position absolute + top: -5000px;

Comments

[Антон Шаманов]

туплю под вечер, короче - неси неси мое пиво:

form.validate({
    ignore: "",
    rules: {
      emailRecipients: {
        required: true,
        email: true
      },
      emailText: {
        required: true,
      }
    },
    messages: {
      emailRecipients: {
        required: "Пожалуйста, введите e-mail",
        email: "Пожалуйста, введите e-mail в корректном формате"
      },
      emailText: {
        required: "Пожалуйста, введите текст письма"
      }
    }
  });

[sasha_jarvi]

Спасибо, помогло!

[Антон Шаманов]

sasha_jarvi, а где пометка ответ на вопрос?