写一个html电话验证页面代码,输入客户名称,客户密码,和客户电话,需要对输入的电话号码进行验证,电话号码由地区码(空白或者四位数字组成),加连接符-号和8位数字,正确则弹出验证成功,错误则验证失败
时间: 2023-03-15 12:33:31 浏览: 69
以下是一个示例的html电话验证页面代码:<html>
<head>
<title>电话验证页面</title>
<script type="text/javascript">
function checkPhoneNumber(){
var phoneNumber = document.getElementById("phoneNumber").value;
var regex = /^\d{4}-\d{8}$/;
if(regex.test(phoneNumber)){
alert("验证成功!");
}else {
alert("验证失败!");
}
}
</script>
</head>
<body>
客户名称:<input type="text" name="customerName"/><br/>
客户密码:<input type="password" name="customerPassword"/><br/>
客户电话:<input type="text" name="phoneNumber" id="phoneNumber"/><br/>
<input type="button" value="验证" onclick="checkPhoneNumber()"/>
</body>
</html>