JavaScript文本框新行替换

4zcjmb1e  于 2023-01-04  发布在  Java
关注(0)|答案(2)|浏览(145)

我有一个文本框,可以让用户按回车键。当他们按回车键时,我检查输入并将回车替换为\n。然而,它仍然向我的数据库发送回车。可能是什么问题?
下面是代码:

var pp = comment.value;  
alert(pp.replace(/\r?\n|\r/g, "\n"));  
comment.value =  pp.replace(/\r?\n|\r/g, "\n");

在我的数据库中,我仍然得到回车符,即使我替换了它。

n3h0vuf2

n3h0vuf21#

如果在表单上设置了onsubmit处理程序,就可以在发送textarea元素之前更改其内容,然后使用replace方法将每个\r更改为\n

<!DOCTYPE html>
<html>
 <head>
  <meta charset=utf-8>
  <title>Replace carriage returns in textarea</title>
 </head>
 <body>
  <form id="theForm">
   <textarea id="theTextarea" name="txtarea" rows=10 cols=50></textarea>
   <input type="submit" value="Send">
  </form>
  <script>
   function replace_newlines() {
     var textField = document.getElementById("theTextarea");
     var textString = textField.value;
     textField.value = textString.replace(/\r/g, "\n");
   }

   document.getElementById("theForm").onsubmit = replace_newlines;
  </script>
 </body>
</html>
ndh0cuux

ndh0cuux2#

这里有一个用纯javascript实现的例子,但是如果你使用jquery之类的东西,它会更简洁。

<html>
<head>
</head>
<body>
<textarea id='txt'></textarea>
<script type='text/javascript'>
    var txtarea = document.getElementById('txt');
    txtarea.onkeypress = keyHandler;
    function keyHandler(e){
        if (document.all) { e = window.event; }
        if (document.layers || e.which) { pressedKey = e.which; }
        if (document.all) { pressedKey = e.keyCode; }
        if(pressedKey == '13'){
            txtarea.value = this.value + '\\n';
            return false;
        }

    }
</script>
</body>
</html>

相关问题