3-10编程练习
来源：3-13 编程练习
慕九州9265930
2018-04-02 21:05:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<form action="">
<input type="text" id="username" value="" required pattern="^\d{5}">
</form>
<script>
var names = document.getElementById("username");
if(username.checkValidity()){
alert("用户名符合")
}else{
alert("用户名不符合")
}
</script>
</body>
</html>
为什么在只有在代码中的value 中输入正确的用户名才会提示说“用户名符合”，在前端输入都是显示“用户名不符合？”
写回答
1回答
-
怎么都被占用了呢
2018-04-03
你的代码应该还少了一个提交按钮。在页面内输入了正确的用户名后，点击提交按钮，因为没有提交地址，会刷新页面，输入框的值就会重新变为空，然后执行脚本，判断是否符合验证，空的用户名肯定是不符合验证呢
1
相似问题