2020-11-03 texarea的回车与换行

textarea标签在输入文本内容时,有时候会换行,如果是正常换行不会有问题,但是有时候会使用回车来换行,这样在取textarea得 值时会有很多空格,数据传到后端处理时 有时候会出问题,所以可以在取值时对值进行一下处理,将我们手动打上的回车换行替换为
标签,到时候在 赋值的时候再 数据库取的字符串中的
标签替换为换行。

在textarea 中打的回车换行是 ‘\n’ ,因此我们在取值时利用replace方法进行全局替换
var str = $('textarea[id="text"]').val().replace(/\n/g,"<br>"); replace方法传入的第一个参数是正则表达式,g表示全局查找,这样就可以把字符串中的所有换行替换掉,第二个参数就是替换之后的字符串 。

在从后端取出数据要进行渲染时就可以将字符串中的
便签替换为\n.
$('textarea[id="text"]').val( str.replace(/<br>/g,"\n") );

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值