jquery textarea htmlタグstrip/remove

Question

私はtextareaの文字を数えたいが、htmlタグを数えたいとは思っていない。

スニペット：

$('#m-summary').keyup(function() { 
 
    var sumTxt=$('#m-summary').val().length; 
 
    if(sumTxt < 200) { 
 
    $('#result-summary').html("<span>200/</span><span style='font- style:normal;font-weight:bold;'>"+sumTxt+"</span>"); 
 
    } 
 
    else { 
 
    $('#result-summary').html("<span style='color:green'>200/</span><span style='color:green;font-style:normal;font- weight:bold;'>"+sumTxt+"</span>"); 
 
    } 
 
} 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div class="text-area"> 
 
    <textarea name="m_summary" id="m-summary"></textarea> 
 
    <div id="result-summary">200/0</div> 
 
</div>

私はテキストエリアの内側に書く：こんにちは。 HTMLは文字列に含まれている場合、あなたは、HTMLが必要になり、

var textval = $("#m-summary").text(); 
console.log(textval.length()); 

Answer 1

用途：str.replace(/<\/?[^>]+(>|$)/g, "")

スニペット：

$('#m-summary').keyup(function() { 
 
    var sT=$('#m-summary').val().replace(/<\/?[^>]+(>|$)/g, ""); 
 
    var sumTxt=sT.length; 
 
    if(sumTxt < 200) { 
 
    $('#result-summary').html("<span>200/</span><span style='font- style:normal;font-weight:bold;'>"+sumTxt+"</span>"); 
 
    } 
 
    else { 
 
    $('#result-summary').html("<span style='color:green'>200/</span><span style='color:green;font-style:normal;font- weight:bold;'>"+sumTxt+"</span>"); 
 
    } 
 
} 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div class="text-area"> 
 
    <textarea name="m_summary" id="m-summary"></textarea> 
 
    <div id="result-summary">200/0</div> 
 
</div>

Answer 2

$("#m-summary").text()は、htmlタグは、あなたがこのような長さを確認することができないあなただけのテキストを与える=長カウントパーサーはhtmlを取り除き、http://ejohn.org/blog/pure-javascript-html-parser/のような文字列を数えます。私が正しくない場合は、質問を理解している場合これがあると、あなたは、単にテキストエリア内の文字列の長さがしようとしたい：私も希望

$("#m-summary").text().length; 

は、あなたがこのためにネイティブJavaScriptを試してみてください。

document.getElementById("m-summary").value.length 

Answer 3

：12