Примечание. Код прошел проверку в реальном проекте. Я опустил некоторые несущественные части. Вы можете сосредоточиться на частях, отмеченных цветом.
Прелюдия:
Вопрос: Почему вы это делаете? ?
Ответ: В проекте есть функция сохранения введенного текста текстового поля в базу данных. «При просмотре» получает соответствующие данные из базы данных и отображает их в текстовом поле. В ходе разработки я обнаружил, что символ новой строки получается с помощью jquery val() или text() без его обработки. В сохраненной базе данных нет символа новой строки, когда он извлекается и отображается! В результате я написал следующую статью... Немного многословно!
Скопируйте код кода следующим образом:
<%@ page contentType="text/html;charset=UTF-8" %>
<тип сценария="текст/javascript">
// Обработка переноса строк текстового поля
// Во время инициализации обрабатываем данные, возвращенные из фона, и заменяем @@@@ символами новой строки /n/r
$(документ).ready(функция(){
var content = 'Значение, полученное из фона';
если(содержание !='' ){
//Глобальная замена
content = content.replace(/@@@@/g,'/n/r');
$("#content").attr("value",content);
}
});
// Замените символ новой строки /n/r на @@@@ при отправке и сохранении.
функция doSubmit() {
var content = $("#content").val().replace(//n/g,"@@@@");
if(content == null || content==""){
alert("Пожалуйста, заполните примечания!");
возвращаться;
}
$("#updateForm").attr("метод","get");
$("#updateForm").attr("действие", URL);
$("#updateForm").submit();
}
</скрипт>
<дел>
<дел>
<дел>
<div><p><font face="Китайское обычное письмо" size="10">План собеседования</font></p>
</div>
<дел>
<div> План<br><hr></div>
<дел>
Примечания:
<дел>
<textarea id="content" rows="15" cols="50"></textarea>
</div>
</div>
</div>
<дел>
<a id="submit_btn" onclick="doSubmit();">Сохранить</a>
</div>
<form id="updateForm" метод="get">
</форма>
</div>
</div>
</div>