Remarque : Le code a réussi le test dans le projet réel. J'ai omis certaines parties sans importance. Vous pouvez vous concentrer sur les parties marquées en couleur.
Préliminaires :
Question : Pourquoi faites-vous cela ? ?
Réponse : Il existe une fonction dans le projet pour enregistrer le texte du champ de texte saisi dans la base de données. 'Lors de la visualisation' obtient les données correspondantes de la base de données et les affiche dans le champ de texte. Au cours du développement, j'ai découvert que le caractère de nouvelle ligne est obtenu en utilisant val() ou text() de jquery sans le traiter. Il n'y a pas de caractère de nouvelle ligne dans la base de données enregistrée. Naturellement, il n'y a pas de caractère de nouvelle ligne lorsqu'il est supprimé et affiché ! Du coup, j'ai écrit l'article suivant... C'est un peu verbeux !
Copiez le code comme suit :
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// Traitement du retour à la ligne du champ de texte
// Lors de l'initialisation, traite les données renvoyées par l'arrière-plan et remplace @@@@ par des caractères de nouvelle ligne /n/r
$(document).ready(function(){
var content = 'Valeur obtenue à partir de l'arrière-plan';
si(contenu !='' ){
//Remplacement global
content = content.replace(/@@@@/g,'/n/r');
$("#content").attr("valeur",content);
}
});
// Remplacez le caractère de nouvelle ligne /n/r par @@@@ lors de la soumission et de l'enregistrement.
fonction doSubmit() {
var content = $("#content").val().replace(//n/g,"@@@@");
si(content == null || content==""){
alert("Veuillez remplir les remarques !");
retour;
}
$("#updateForm").attr("method","get");
$("#updateForm").attr("action", url);
$("#updateForm").submit();
}
</script>
<div>
<div>
<div>
<div><p><font face="Script régulier chinois" size="10">Plan d'entretien</font></p>
</div>
<div>
<div> Plan<br><hr></div>
<div>
Remarques :
<div>
<textarea id="content" rows="15" cols="50"></textarea>
</div>
</div>
</div>
<div>
<a id="submit_btn" onclick="doSubmit();">Enregistrer</a>
</div>
<form id="updateForm" méthode="get">
</form>
</div>
</div>
</div>