YUIを使用して入力データをフォーマットする3

Question

yui3を使用して入力にマスクを適用する方法はありますか？

ユーザーが電話番号のみを入力できるフィールドはありますか？ もしそうなら、どうですか？

Thxをたくさん

Answer 1

私はあなたの最善の策は、のonChangeまたはonkeyupの（あるいはonValuechange - YUI構造物）を持つことであると言うでしょうその入力をリッスンし、ハンドラを。変更が検出されるたびに、入力の現在の値に対して書式設定関数を実行し、必要な方法で書式を設定します。

あなたはちょうど彼らがどこに行くにダッシュを入れて、それについての光利きになりたい場合は、例えば： "1105551212" --> "110-555-1212"

あなたはそれについて強引になりたい場合は、イベント・ハンドラは可能性が文字通りストリップ数字ではない文字やダッシュ以外の文字を除外することで、ユーザーが誤った入力をするのを効果的に防ぎます。もちろん、存在しない電話番号を入力することもできます。

さらに1ステップ：両方を実行します。無効な文字を取り除き、自動フォーマットを実行します。