Textarea文字の制限と空白のトリム

Question

javascriptでコードを作成して、入力ボックス内の文字を制限し、空白を切り詰めるのに問題があります。かもしれない

<script> 
TextareaElement(document.getElementById("myWordsToCount")); 

myTextareaElement.onkeyup = function(){ 
    var maxlimit = 20; 
    var counter = maxlimit - information.value.split(/^\s+|\s+$/gm,'').length; 

    } 
</script> 

私はjavascriptのに非常に新しいですし、私はそれを考えています：私は、私はこれだけを行うことができ

のdocument.getElementById（、onkeyupのイベントハンドラ、およびのstring.Split（）を使用するように求めています私のゾーンではない。とにかく、私は深く、私が得ることができる任意の助けをいただければ幸いです。長さを制限するための

おかげ

Answer 1

あなたは

input type="text" maxlength="20"  

012のようmaxlenght使用する必要があります

とトリム

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

。