Wie füge ich Symbole in ein Formularfeld ein?

Question

Mein Formular enthält ein Textfeld zur Eingabe einer neunstelligen Zahl. Sobald der Benutzer die Ziffern eingibt, ich wünsche das Textfeld in der folgenden Art und Weise zu formatieren:

123456789 zu 12-345-6789 geändert wird

Wie dies erreicht werden kann?

Answer 1

Es ist einfach, wenn Sie Java-Skript verwenden können. Dieser Code verwendet JavaScript (fügen Sie es einfach zu Ihrer Seite hinzu).

<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> 

Sie müssen noch die format Methode zum onchange Ereignis hinzufügen, um Ihr Textfeld Element gehört.

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