Question

我无法在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的新手，我想它可能不是我的区域。无论如何，我会非常感谢我能得到的任何帮助。

由于

Answer 1

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

  input type="text" maxlength="20"

对于修剪

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

Answer 2

这可以使用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");
}

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

Textarea字符限制和空白修剪

2 个答案: