入力文字数の制限を可視化する JavaScript

■ 入力文字数の制限を可視化する JavaScript 好評の、読み込ませるだけシリーズ の8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。 フォームにフォーカスが当たると、入力した文字数と入力可能な文字数が表示され、リアルタイムに更新されていきます。 動作サンプル コードは次の通りでして、prototype.js(1.5.0くらい) に依存してます。 var VisualLength = Class.create(); VisualLength.prototype = { initialize: function(attribute) { this.fields = ['INPUT', 'TEXTAREA']; this.attribute

[webmarksjp]

フォーム

[bugiugi]

フォーム

[mogwaing]

入力文字数の可視化

[DropOutSurf_JOY]

フォーム

[hiro_y]

入力可能文字数をリアルタイムに表示。

[wacky]

テキスト入力項目にmaxlengthと現在の文字数を表示するJavaScriptライブラリ。要prototype.js。

[sakura3942]

入力フォームの文字制限を見た目で分かりやすくする

[aki77]

「フォームにフォーカスが当たると、入力した文字数と入力可能な文字数が表示され、リアルタイムに更新されていきます。」

[hiro-rock]

これは便利！ 入力チェック

[m-ohshita]

酔ってるのであとで読む