未命名  
檔案下載:43271605
 
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<script src="HTTP://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
var maxNum = 100;
$(document).ready(function() {
$('.counter').text(maxNum);
$('#status').bind({
keyup: function() {
var inputText = $(this).val();
var numChar = inputText.length;
var charRemain = maxNum - numChar;
if(numChar <= maxNum) {
$('.counter').text(charRemain);
}
else if(numChar > maxNum) {
取消事件的預設動作
event.preventDefault();
$(this).attr('readonly', 'readonly');
$(this).val(inputText.substring(0,100));
}
}
});
});
</script>
</head>
<body>
<textarea id="status" name="text" rows="10" cols="30"></textarea>
<div class="counter"></div>
</body>
</html>

 

創作者介紹
創作者 shadow 的頭像
shadow

資訊園

shadow 發表在 痞客邦 留言(0) 人氣()