关于(textarea)回车换行符在提交请求(URL)时消失的处理

本文介绍了一种解决网页表单中textarea元素回车换行符在提交时丢失的方法。通过将回车符替换为逗号,确保了后台能够正确接收并解析多个查询内容。

关于(textarea)回车换行符在提交请求(URL)时消失的处理,有时候,我们在页面输入查询时,想多个同时查询,然后,回车隔开每个查询的内容。

后台只能收到字符串,没有回车换行符。

如下面的一个请求

window.location = "${ctx}/post/cusQueryMailExport?customerId="+customerId
			+"&postTimeStart="+postTimeStart+"&postTimeEnd="+postTimeEnd+"&mailNo="+mailNo;

假如:mailNo是有回车分割的条码,则条码到后台只会是字符串,并默认去掉了回车换行符,但是,如果是表单提交则还保留回车换行符。

所以在提交请求时,先对它进行处理

var mailNo= $("#mailNo").val().replace(/[\r\n]/g,",");//把回车替换成","号

这样到后台就可以用逗号分割

String[] mails =paramMap.get("mailNo").toString().trim().split(",");//导出时,


<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <head> <th:block th:include="include :: header('JNDI配置管理')" /> </head> <body class="white-bg"> <div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="form-horizontal m"> <div class="form-group"> <div class="col-sm-12"> <textarea id="configContent" class="form-control textarea-inherit" rows="20" placeholder="请输入配置内容,格式:key=value" spellcheck="false"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-8"> <button type="button" class="btn btn-primary" onclick="saveConfig()"> <i class="fa fa-save"></i> 保存配置 </button> </div> </div> </div> </div> <th:block th:include="include :: footer" /> <script th:inline="javascript"> var prefix = ctx + "kettle/jndi"; // 页面加载获取配置 $(function() { loadConfig(); }); // 加载配置内容 function loadConfig() { $.post(prefix + "/getConfig", function(result) { if (result.code == 200) { $("#configContent").val(result.data); } else { $.modal.alertError(result.msg || "获取配置失败"); } }); } // 保存配置 function saveConfig() { var content = $("#configContent").val(); if (!content) { $.modal.alertWarning("配置内容不能为空"); return; } $.post(prefix + "/saveConfig", { content: content }, function(result) { if (result.code == 200) { $.modal.alertSuccess("保存成功"); loadConfig(); // 重新加载配置 } else { $.modal.alertError(result.msg || "保存失败"); } }); } </script> <style> .textarea-inherit { font-family: Consolas, Monaco, monospace; font-size: 14px; line-height: 1.5; padding: 10px; border: 1px solid #e5e6e7; border-radius: 3px; resize: vertical; } </style> </body> </html> 若依框架风格,改下这个html,要求打开页面后内容加载显示在文本域中,保留原有的换行格式,编辑保存
08-14
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值