Question

我看过很多关于如何在.val中添加换行符的文章，但它们似乎都不适合我。我尝试过jQuery推荐的解决方法：

$.valHooks.textarea = {
  get: function( elem ) {
  return elem.value.replace( /\r?\n/g, "\r\n" );
  }
};

但是，无论我做什么，文本仍然会被拼凑成一行。

这是我的代码：

HTML：

 <div id="email-info">
    <div id="email-top-row">
        <div id="email-subject-container">
            <label for="email-subject" class="email-labels">Subject:</label>
            <input id="email-subject"></input>
        </div>
        <div id="email-from-container">
            <label for="email-from" class="email-labels">From:</label>
            <input id="email-from"></input>
        </div>
    </div>

    <div id="email-body-container">
        <label for="email-body" class="email-body">Body:</label>
        <textarea id="email-body"></textarea>
    </div>
    <button id="email" onclick="emailSend()">Send Email</button>
</div>

使用Javascript：

function emailSend() {
 $.valHooks.textarea = {
  get: function( elem ) {
  return elem.value.replace( /\r?\n/g, "\r\n" );
  }
 };

 var emailSubject = $('#email-subject').val();
 var emailFrom = $('#email-from').val();
 var emailBody = $('#email-body').val();        

 emailURL = emailURL + '&email_subject=' + emailSubject;
 emailURL = emailURL + '&email_from=' + emailFrom;
 emailURL = emailURL + '&email_body=' + emailBody;

 $.getJSON(emailURL, function(data) {
    console.log(data);
 });
}

现在，假设我将其添加到文本框中：

test line 1

test line 2

test line 3

当我执行console.log时，它在控制台中出现了正确的换行符，但在网络检查器选项卡和我们的服务器上，发送的内容是test line 1test line 2test line 3。

我有点不知道如何在网址中添加换行符。我看过很多关于'\ n'的内容，但我从未在我的网址或控制台日志中看到过。

非常感谢任何帮助。非常感谢你。

Answer 1

在附加到您的网址之前，您需要转义来自文本框的值：

var emailSubject = encodeURIComponent($('#email-subject').val());
var emailFrom = encodeURIComponent($('#email-from').val());
var emailBody = encodeURIComponent($('#email-body').val());

Textarea .val通过Ajax发送数据时没有换行符

1 个答案: