我正在尝试验证和调整用户输入的邮政编码以匹配格式：xxxxx或xxxxx-xxxx如果用户输入超过5位数，是否有一种简单的方法使用javascript自动添加连字符（ - ）？
很确定有！只需要检查输入的字符串有多少个字符，如果是5，则在字符串中添加一个连字符:)
var input = document.getElementById("ELEMENT-ID");
input.addEventListener("input", function() {
if(input.value.length === 5) {
input.value += "-";
}
}
安娜，
最好的方法是使用正则表达式。你需要的是：
^[0-9]{5}(?:-[0-9]{4})?$
你会使用类似的东西：
function IsValidZipCode(zip) {
var isValid = /^[0-9]{5}(?:-[0-9]{4})?$/.test(zip);
if (isValid)
alert('Valid ZipCode');
else {
alert('Invalid ZipCode');
}
}
在您的HTML调用中它是这样的：
<input id="txtZip" name="zip" type="text" /><br />
<input id="Button1" type="submit" value="Validate"
onclick="IsValidZipCode(this.form.zip.value)" />
有关正则表达式的更多信息，这是一篇很好的文章：
请尝试以下方法。
function add_hyphen() {
var input = document.getElementById("myinput");
var str = input.value;
str = str.replace("-","");
if (str.length > 5) {
str = str.substring(0,5) + "-" + str.substring(5);
}
input.value = str
}<input type="text" id="myinput" value="a" OnInput="add_hyphen()"></input>您可以尝试使用简单的javascript函数，如下所示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script>
function FN_HYPEN(){
var input = document.getElementById("USER");
if(input.value.length === 5) {
input.value += "-";
}
}
</script>
</head>
<body>
<INPUT ID="USER" TYPE="TEXT" onKeypress="FN_HYPEN();"/>
</body>
</html>