js全局替换回车换行符

js全局替换回车换行符踩了个坑,记录一下。全局换行符是这样用php加上的因为显示的时候需要换行显示但是保存的时候不能把回车换行符保存进数据库呀,所以在保存之前要再次把回车换行符替换没了,发现用js替换\r\n无效,思考了一下,可能是html显示是自动过滤了\r,而以\n来显示吧。于是把替换代码改成:varemialStr=$(“#mail”).val();emialStr=emialStr.r

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

踩了个坑,记录一下。

全局换行符是这样用php加上的

<textarea rows="5" id="mail" style="width: 600px;"><?php echo str_replace(";",";\r\n",$email); ?></textarea>

因为显示的时候需要换行显示

但是保存的时候不能把回车换行符保存进数据库呀,所以在保存之前要再次把回车换行符替换没了,发现用js替换\r\n无效,思考了一下,可能是html显示是自动过滤了\r,而以\n来显示吧。于是把替换代码改成:

var emialStr = $("#mail").val();
emialStr= emialStr.replace(/\r\n/g,"");
emialStr= emialStr.replace(/\n/g,"");

发现成功替换了。果然是这个原因啊,上网查了一下:

在<textarea id=”name”></textarea>中输入字符1,然后回车,然后输入2

在JS中检测长度得到3,$(‘#name’).val().length===3 is true

由于换行符是不可见字符,可以用replace(/\n/g,”).length的方法检测,如在JS中:

js全局替换回车换行符

可以看到textarea中没有\r符号。如果数据不去掉\r,以\r\n显示在textarea中的时候,换行符会变换成了\n,没有\r。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/142477.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 关于this指针

    关于this指针一个类的对象中实际只包含了该对象的数据成员信息,当我们创建了多个类的对象时,使对象1调用该类的成员函数,为什么可以改变对象1中的信息,而不去设置其他对象的信息?成员函数在类中只有一份,所有该类的对象共同使用,编译器是如何识别并处理的呢?编译器识别一个类分为三步:1.识别类的类名2.识别类的成员变量3.识别类的成员函数并对成员函数进行修改修改方式:成员函数有一个隐藏…

    2022年5月16日
    51
  • Oracle 创建表空间

    Oracle 创建表空间–删除表空间droptablespacenacosincludingcontentsanddatafiles—-创建表空间并定义路径createtablespacenacos–表空间名datafile’D:/app/Administrator/oradata/nacos/nacos.dbf’size500m–大小初始值autoextendon–自动扩展next50mmaxsize20480m–每次扩展50m,最大为20480mex…

    2022年7月11日
    15
  • linux下,查看redis版本号,一行命令搞定。[通俗易懂]

    linux下,查看redis版本号,一行命令搞定。[通俗易懂]进入redis部署目录,输入命令./redis-server–version,搞定。具体如下。[root@idoxuredis]#./redis-server–versionRedisserverv=3.2.0sha=00000000:0malloc=jemalloc-4.0.3bits=64build=74a42375bc62…

    2022年5月22日
    35
  • 写出一个程序员框架_html收藏代码

    写出一个程序员框架_html收藏代码Python实战社群Java实战社群长按识别下方二维码,按需求添加扫码关注添加客服进Python社群▲扫码关注添加客服进Java社群▲作者丨cloudsky来源丨JAVA小咖秀https…

    2022年9月30日
    3
  • uml的14种图_uml有几种图

    uml的14种图_uml有几种图目录什么是UML?为什么要用UML?UML图有哪些?UML图概览什么是类图?泛化(Generalization)实现(Realization)关联(Association)聚合(Aggregation)组合(Composition)依赖(Dependency)什么是组件图?什么是部署图?什么是对象图?什么是包图?什么是组合结构图?什么是轮廓图?什么是用例图?什么是活动图?什么是状态机图?什么是序列图?什么是通讯图?什

    2025年8月8日
    1
  • 学习 node.js 第八天:Socket 通讯「建议收藏」

    学习 node.js 第八天:Socket 通讯「建议收藏」一般来讲,HTTP是基于文本的“单向”通讯机制。这里所谓的“单向”,乃相对于“双向”而言,因为HTTP服务器只需根据请求返还恰当的HTML给客户端即可,不涉及客户端向服务端的通讯。这种单向的机制比较简单,对网络质量要求也不高。而更多的场景则是需要可靠、稳定的端到端连接。一般这种服务是实时的、有态的而且是长连接,长连接则暗示两段须达致相向通讯的能力,也就说是服务端客户端两者间能够实时地相互间通信。毫无疑问,能够实时通信的服务器正是我们对服务器基本要求之一。区别于HTTP服务器以HTTP为通讯

    2022年6月11日
    52

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号