js 转换文本框的值（转）

最新推荐文章于 2022-10-31 14:48:27 发布

原创最新推荐文章于 2022-10-31 14:48:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

jsp 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的文本转码方法，该方法能够将包含特殊字符和换行符的文本转换为HTML安全格式，非常适合用于处理从表单提交的数据。

今天做项目的时候遇到点问题有一个大文本框，输入很多汉字当然还要空格分断
但是当我提交到数据库之后，查询出的结果很不令人满意，居然密密麻麻的一大片
无奈了，这时，白总给了我一个很好用的js代码，很好用，这里共享一下
function HTMLEncode(text){

    //text = text.replace(/&/g, "&") ;
    text = text.replace(/"/g, """) ;
    //text = text.replace(/</g, "<") ;
    //text = text.replace(/>/g, ">") ;
    text = text.replace(/'/g, "’") ;
    text = text.replace(/\ /g," ");
    text = text.replace(/\n/g,"<br/>");
    //text = text.replace(/\t/g,"    ");
    return text;
}
用法如下：
第一步
form表单
<form action="xx.jsp" method="post" id="formone">
<textarea name="ttcont" id="ttcont" cols="50" rows="20">
</textarea>

<input type="button" onclick="subform" value="提交"/>
</form>
第二步
<script>
//转码的方法
function HTMLEncode(text){
     //text = text.replace(/&/g, "&") ;
    text = text.replace(/"/g, """) ;
    //text = text.replace(/</g, "<") ;
    //text = text.replace(/>/g, ">") ;
    text = text.replace(/'/g, "’") ;
    text = text.replace(/\ /g," ");
    text = text.replace(/\n/g,"<br/>");
    //text = text.replace(/\t/g,"    ");
    return text;
}

//按钮调用的方法
function subform(){
//获取文本框值
var tempvar=document.getElementByIdx_x("ttcont").value;
//进行转码操作,然后重新赋值
document.getElementByIdx_x("ttcont").value=HTMLEncode(tempvar);
//提交
document.getElementByIdx_x("formone").submit();
}

</script>