请问老师错误在哪里

<!DOCTYPE html>
<html>
    <head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<form action="">
<input type="text" id="username" name='one' value="" required  >
<input type='submit'>
</form>
<script>
 
var names = document.getElementById("username");
console.log(names.validity);
if(names.checkValidity()){
  console.log('符合');
}else{
console.log('不符合');
}
</script>
</body>
</html>

请问老师为什么总是打印不符合？？

明明valid已经是true了啊

hy_wang 2018-04-26

源自：项目：HTML5表单验证 3-13 编程练习

收起

1回答

好帮手慕星星 2018-04-26 10:08:46

经测试，input标签中没有写正则表达式哦，所以只会验证有没有填入内容，自己添加一下吧，祝学习愉快~~

收起回答

提问者 hy_wang #1

请问老师我明明输入了值点击提交还是不符合啊

2018-04-26 10:18:28
提问者 hy_wang #2

就算是只验证必填请问老师为什么我明明输入内容点击提交以后每次打印都是不符合？？

2018-04-26 10:23:42
好帮手慕星星回复提问者 hy_wang #3

当点击提交按钮之后，页面瞬间就刷新了，又跳到了原始的页面，没有内容，所以打印‘不符合’，你在input的value属性中添加上默认值就可以了。

2018-04-26 11:51:39