WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > javascriptサンプル > <lengthdisp>「入力可能文字数の表示」

入力可能文字数の表示

入力した文字数をカウントし、入力可能な残り文字数を表示します。

広告

入力可能な残り文字数を表示するサンプル

キー入力の都度入力された文字数をカウントし、maxlength(入力可能最大文字数)から引いて入力可能な残り文字数を算出し表示します。

文字入力 (maxlength=200)

 


入力可能な残り文字数を表示するjavascript
function lengthdisp(str){
var wlength = str.maxLength - str.value.length;
document.getElementById("zanlength").innerHTML = "残り" + wlength + "文字";
return(str);}
ページTOP

注意事項

  • 文字数をカウントするので、半角、全角ともに1文字は1つとカウントします。また、改行も1文字としてカウントします。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン