如何在表单字段中添加符号？

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>

您仍然需要将formatText方法添加到属于文本字段元素的onchange事件中。

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