Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies目前有没有浏览器已支持 HTML5 的 checkValidity() 方法？
是的，checkValidity() 也可在 Google Chrome 和 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>
更新于： 2020-06-25
107 次阅读
广告