jquery - HTMLテキストボックスにハイフンを追加するには?

Question

次のコードを使用して、実行時に電話番号を入力するためのコードを作成しますtextbox。電話番号の間にハイフン (-) を追加する方法。たとえば、1234567と入力すると、エントリは次のように表示されます。これ？JQueryでこれを行う方法は?

<input id="abcd" type="text" value="" style="width:220px">

Answer 1

これにはJavaScriptを使用する必要があります。これは良い出発点だと思います...しかし、結論としては、このためにいくつかのスクリプトを作成する必要があります。（基本的に、フィールドが変更されたら、それが適切な数の#sであるかどうかを確認し、必要に応じてハイフンを追加します。）

これにはjQueryをお勧めします。簡単なグーグルはいくつかの有用な結果を出します。

世界のさまざまな地域の電話番号は、異なる方法でハイフンでつながれることに注意してください。たとえば、米国は+ x-xxx-xxx-xxxxを使用し、アルゼンチンは+xx-xx-xxx-xxxxを使用します。一部のヨーロッパ諸国では​​、+xxx-xxxx-xxxxを使用しています。

Answer 2

マスクの助けを借りてそれを行うことができます。必要に応じてテキストボックスのデータをマスクする方法については、このリンクを確認してください。