window.addEventListener("DOMContentLoaded", function () {
var
textarea = document.getElementById("termContent");
var countSpan = document.getElementById("charCount");
countSpan.textContent =
textarea.value.length;
textarea.addEventListener("input", function () {
var text =
textarea.value;
if (text.length > 500) {
textarea.value = text.substring(0, 500);
}
countSpan.textContent =
textarea.value.length;
});
});
function saveTerms(e) {
var
textarea = document.getElementById("termContent");
var content =
textarea.value.trim();
if (!
textarea.readOnly && content == "") {
alert("合同条款不能为空！");
return;
}
var id = $("#ida").val();
var termContent = $("#termContent").val();
var data = {"contractId":id,"termContent":termContent}
ajaxSubmit(e,{
url: '/b2b/contract/saveTerms.jhtml',
data: data,
method: "post",
isConfirm: true,
confirmText:"您确定要
保存吗",
callback: function (resultMsg) {
$.message_timer(resultMsg.type, resultMsg.content, 1000, function () {
location.href = '/b2b/contract/tj_edit/${code}.jhtml?id=' + resultMsg.objx;
});
}
});
<div class="title-style">${message("合同条款")}
<div class="btns">
[#if financeId == 1]<a href="javascript:;" id="saveInfo" class="button sureButton" onclick="saveTerms(this)">
保存</a>[/#if]
</div>
</div>
<form id ="contractForm">
<table style="width: 800px; border-collapse: collapse; border: 1px solid #ccc; font-family: Arial, sans-serif;">
<input type="hidden" name="contractId" id ="ida" value="${contract.id}"/>
<tr>
<th style="width: 150px; background-color: #f2f2f2; border: 1px solid #ccc; padding: 10px; text-align: center;">
[#if financeId== 1]
<span class="requiredField">*</span>
[/#if]
${message("合同条款")}
</th>
<td style="border: 1px solid #ccc; padding: 10px; vertical-align: top;">
<
textarea id="termContent" name="termContent"
style="width: 100%; height: 150px; resize: none; padding: 10px; box-sizing: border-box; border: 1px solid #999;"
maxlength="500"
placeholder="请输入合同条款内容，最
多500个字"[#if financeId==1]required[/#if]
[#if financeId!=1]readonly[/#if]>${contract.termContent!""}</
textarea>
<div style="text-align: right; margin-top: 5px; font-size: 12px;">
已输入 <span id="charCount">0</span>/500 字
</div>
</td>
</tr>
</table>
</form>修改该代码使得满足
保存多个
空格和换行
本文介绍如何正确地在HTML中使用Textarea标签，并提供了正确的示例代码。避免错误的格式化方式，确保代码的有效性和兼容性。
扫一扫
772
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
