HTM5 checkValidity()方法
HTML5也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 迎新祝福语简短20字
16 麻辣拌店祝福语简短
17 最美的留言祝福语简短
18 姥爷生日祝福语简短精辟