2016-08-17 07:11:24 +03:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!-- Test: input with minlength is invalid if the user edits and it's too short -->
|
|
|
|
|
<head>
|
|
|
|
|
<style>
|
|
|
|
|
:valid { background-color:green; }
|
|
|
|
|
:invalid { background-color:red; }
|
|
|
|
|
* { box-shadow:none; background-color:white; }
|
|
|
|
|
</style>
|
|
|
|
|
<script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
function runTest() {
|
|
|
|
|
var input = document.getElementById('input');
|
2017-03-01 16:35:08 +03:00
|
|
|
input.setSelectionRange(input.value.length, input.value.length)
|
2016-08-17 07:11:24 +03:00
|
|
|
input.focus();
|
|
|
|
|
synthesizeKey('o', {});
|
|
|
|
|
input.blur(); // to hide the caret
|
|
|
|
|
document.documentElement.className='';
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body onload="runTest()">
|
|
|
|
|
<input id="input" minlength="4" value="fo">
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
