textarea-maxlength-ui-valid-change.html (953B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- Test: textarea with maxlength is -moz-ui-valid if the user edits and it's not too long --> 4 <head> 5 <style> 6 :-moz-ui-valid { background-color:green; } 7 :-moz-ui-invalid { background-color:red; } 8 * { background-color:white; } 9 </style> 10 <script src="/tests/SimpleTest/EventUtils.js"></script> 11 <script> 12 function runTest() { 13 var textarea = document.getElementById('textarea'); 14 textarea.setSelectionRange(textarea.value.length, textarea.value.length) 15 textarea.focus(); 16 synthesizeKey("KEY_Backspace"); // so that it becomes invalid first 17 textarea.blur(); 18 textarea.focus(); 19 synthesizeKey("KEY_Backspace"); 20 textarea.blur(); // to hide the caret 21 document.documentElement.className=''; 22 } 23 </script> 24 </head> 25 <body onload="runTest()"> 26 <textarea id="textarea" maxlength="3">foooo</textarea> 27 </body> 28 </html>