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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 中国历年出生人口性别比统计_2000年男女比例

    中国历年出生人口性别比统计_2000年男女比例年份比例总数男女1976年出生50.92%20,491,79710,435,19610,056,6011977年出生50.86%17,931,1559,119,6858,811,4701978年出生50.5

    2025年9月15日
    16
  • conda查看及添加镜像源「建议收藏」

    conda查看及添加镜像源「建议收藏」查看源condaconfig–show-sources添加仓库condaconfig–addchannelshttps://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/condaconfig–addchannelshttps://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/condaconfig–setshow_channel_urlsyes..

    2022年10月1日
    5
  • Spring的AOP与动态代理[通俗易懂]

    Spring的AOP与动态代理[通俗易懂]Spring的AOP与动态代理

    2022年4月22日
    48
  • reentrantlock_lock condition

    reentrantlock_lock conditionReentrantLock锁的底层实现已经阐述过了,那么如何使用,本文进行下样例展示,主要说两个功能:1.lock及中断,2.申请等待时间;lock锁/***@Description:*@author:Erick*@version:1.0*@time:2018-9-25*/publicclassReentrantLockThreadimple…

    2022年10月11日
    3
  • 【路由】静态路由「建议收藏」

    【路由】静态路由「建议收藏」静态路由1、静态路由的概念1.1、概念1.2、注意事项1.3、弊端2、静态路由的配置须知2.1、出接口为BMA类型2.2、出接口为P2P类型2.3、出接口为NBMA类型3、默认路由3.1、概念3.2、实验场景3.3、适用场景3.4、注意事项4、浮动静态路由4.1、静态路由负载均衡的实验场景4.2、静态路由负载均衡讲解4.3、静态路由负载分担的优点4.4、浮动静态路由的原理4.5、浮动静态路由的应用场景1、静态路由的概念1.1、概念1.2、注意事项1.3、弊端2、静态路由的配置须知2.1、出接口为

    2025年11月25日
    5
  • oracle锁表怎么处理_锁表如何解决办法

    oracle锁表怎么处理_锁表如何解决办法ORACLE锁表如何处理看哪个表锁住了SELECTB.OWNER,B.OBJECT_NAME,A.SESSION_ID,A.LOCKED_MODEFROMV$LOCKED_OBJECTA,DBA_OBJECTSBWHEREB.OBJECT_ID=A.OBJECT_ID;执行sqlselect*fromv$sessiont1,v$lock…

    2022年8月23日
    7

发表回复

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

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