WP Contact Form 7: Запретить отправку формы при нажатии клавиши ввода

Question

У меня есть форма Contct 7, используемая на WordPress сайте с текстовой областью.Нажав клавишу ввода, он отправляет мою форму.

Как сделать так, чтобы вместо отправки формы добавлялся символ новой строки.

Также возможно ли остановить отправку контактной формы 7 при нажатии клавиши Enter.

Я уже попробовал следующее решение, но они инициируют отправку формы вместо Предотвращения отправки контактной формы 7.

Любая помощь или предложение высоко ценится.Заранее спасибо.

jQuery(document).ready(function(e) {

    var wpcf7Elm = document.querySelector( '.wpcf7-form' );
    wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
      if (event.which == 13) { 
        console.log(" .wpcf7-form triggered ");
        event.preventDefault();
        var s=  jQuery('textarea').val();
        jQuery(this).val(s+"\n");
      }
    }, false );

    jQuery('textarea').keypress(function(event) {
      if (event.which == 13) {
          console.log(" textArea new line ");
          event.preventDefault();
          var s = $(this).val();
          jQuery(this).val(s+"\n");
      }
    });

    jQuery(window).keydown(function(event){
        if(event.keyCode == 13) {
            console.log(" keydown preventDefault() ");
            event.preventDefault();
            return false;
        }
    });

    jQuery(window).keypress(function(event){
        if(event.keyCode == 13) {
            console.log(" keypress preventDefault() ");
            event.preventDefault();
            return false;
        }
    });

});

Answer 1

Похоже, что вы пропустили селектор класса в этой строке:

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {

Измените его на:

wpcf7Elm.addEventListener( 'submit', function( event ) {