是否有浏览器还支持HTML5的checkValidity()方法?
是的,checkValidity()在GoogleChrome和Opera中也可以使用。这也很好-
示例
<!DOCTYPE html>
<html>
<body>
<style>
.valid {
color: #0B7866;
}
.invalid {
color: #0B6877;
}
</style>
<div id = "result"></div>
<script>
function check(input) {
var out = document.getElementById('result');
if (input.validity) {
if (input.validity.valid === true) {
out.innerHTML = "<span class='valid'>" + input.id +
" valid</span>";
} else {
out.innerHTML = "<span class='invalid'>" + input.id +
" not valid</span>";
}
}
console.log(input.checkValidity());
};
</script>
<form id = "testform" onsubmit = "return false;">
<label>Minimum:
<input oninput = "check(this)" id = "min_input"
type = number min=4 />
</label><br>
</form>
</body>
</html>热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短