将换行符传给后台

大家好，又见面了，我是你们的朋友全栈君。

在文本框中输入换行符传给后台的时候只能显示一个空格，

怎么正确的传给后台，并且从后台读取之后再在前端正确显示？

HTML代码如下：

代码语言：javascript复制

<textarea name="" id="text" cols="30" rows="10"></textarea>
    <div id="div1" class="div1">ss</div>
    <input type="button" value="copytext" name="" id="btn2">

通过console发现，换行符可以匹配’n’，那么解题思路为，点击btn2的时候替换掉text中所有的n，

用到两个知识点，正则RegExp和替换replace

代码语言：javascript复制

 var textnode = document.getElementById('text');
    var btn2 = document.getElementById('btn2');
    var va;

    textnode.oninput=function(e){
        va= textnode.value;
    }

    btn2.onclick=function(){
        document.getElementById('div1').innerHTML= va.replace(RegExp("n", "g"), "<br>")
    }

上面RegExp里面的g意思是全文匹配，

/**普及一下正则修饰符**/

i：忽略大小写，

g：全文查找所有匹配字符，

m：多行查找

gi/ig：全文查找，忽略大小写，

u：Unicode模式，

S ：预定义模式，匹配所有不是空格的字符，

y：黏连修饰符，全局匹配，后一次匹配从上一次匹配成功的下一个位置开始；

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/142292.html原文链接：https://javaforall.cn

regex java https javascript 网络安全

0 人点赞