フォームフィールドに記号を追加するにはどうすればよいですか？

Question

私のフォームには9桁の数字を入力するテキストボックスがあります。ユーザーが数字を入力したら、私は次のようにテキストボックスをフォーマットしたい：

123456789は、これが達成することができますどのように12-345-6789

に変更されますか？

Answer 1

Javaスクリプトを使用できるのは簡単です。このコードは単純なJavascriptを使用します（ページに追加するだけです）。

<script> 
function formatText(){ 
var text = document.getElementById("txt1").value; 
var fmtTxt = text.substr(0,2)+"-"+text.substr(2,3)+"-"+text.substr(5,4); 
document.getElementById("txt1").value = fmtTxt; 
} 
</script> 

テキストフィールド要素に属するonchangeイベントにformatTextメソッドを追加する必要があります。

<input type="text" id="txt1" onchange="formatText()">