Mypal/layout/base/tests/textarea-minlength-ui-valid...

29 lines
957 B
HTML

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