文本区域字符限制和空格修剪

Textarea Character Limit, and Whitespace Trim

本文关键字：空格 修剪 区域 字符 文本      更新时间：2023-09-26

我在javascript中创建代码以限制输入框中的字符并修剪空格时遇到问题。我被要求使用 document.getElementById（、onkeyup 事件处理程序和 String.split（）。

我只能这样做：

<script>
TextareaElement(document.getElementById("myWordsToCount")); 
myTextareaElement.onkeyup = function(){
    var maxlimit = 20;
    var counter = maxlimit - information.value.split(/^'s+|'s+$/gm,'').length;
   }
</script>

我对javascript很陌生，我认为这可能不是我的领域。无论如何，我将非常感谢我能得到的任何帮助。

谢谢

对于限制长度，您应该使用maxlenght like

  input type="text" maxlength="20"

并用于修剪

 var a =document.getElemenyById("YourId").value;
 var str=a.trim();

这可以用Jquery而不是典型的JavaScript来完成。你可以这样做：

//Now Assuming your text area has an id of "#text"
var text = document.getElementById('#text').val();
var trim = $.trim(text);
var characters = 100;  //you could change the number of characters you want    
$("#counter").append("You have <strong>"+  characters+"</strong> characters remaining");
$("#text").keyup(function(){
if($(this).val().length > characters){
    $(this).val($(this).val().substr(0, characters));
}
var remaining = characters -  $(this).val().length;
$("#counter").html("You have <strong>"+  remaining+"</strong> characters remaining");
if(remaining <= 10)
{
    $("#counter").css("color","red");
}
else
{
    $("#counter").css("color","black");
}

您还可以将上面的代码转换为函数，以便每次用户在文本框中输入某些文本时都可以调用它。

相关文章：