Ограничение символов Textarea и пробел

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> 

Я так ново для яваскрипт и я имею в виду, это может не моя зона. В любом случае, я бы глубоко признателен за любую помощь, которую я мог бы получить.

Благодаря

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"); 
} 

Вы также можете включить приведенный выше код в функцию, так что вы могли бы назвать это каждый раз, когда пользователь вводить текст в текстовом поле.