Mypal/layout/base/tests/input-maxlength-valid-chang...

29 lines
922 B
HTML

<!DOCTYPE HTML>
<html>
<!-- Test: input with maxlength is valid if the user edits and it's not too long -->
<head>
<style>
:valid { background-color:green; }
:invalid { background-color:red; }
* { background-color:white; }
</style>
<script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<script>
function runTest() {
var input = document.getElementById('input');
input.setSelectionRange(input.value.length, input.value.length)
input.focus();
synthesizeKey('VK_BACK_SPACE', {}); // so that it becomes invalid first
input.blur();
input.focus();
synthesizeKey('VK_BACK_SPACE', {});
input.blur(); // to hide the caret
document.documentElement.className='';
}
</script>
</head>
<body onload="runTest()">
<input id="input" maxlength="3" value="foooo">
</body>
</html>