Question

我在Wordpress网站中使用带有文本区域的Contct表格7。点击回车键，提交我的表格。

如何添加新的换行符而不是表单提交。

也可以在按下Enter键后停止提交联系表格7。

我已经尝试过以下解决方案，但它们正在触发表单提交，而不是阻止联系表单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 ) {

WP Contact Form 7：防止在按下回车键时提交表格

1 个答案: