<script type="text/javascript">
$(document).ready(function() {
<%-- 頁面進來時就調用 --%>
setTitleLength();
});
function setTitleLength() {
$this = $('#title');
var length = $this.val().length;
var lengthNum = 40;//設置限制的字數
//超過指定字數便截取
if (length > lengthNum) {
var text = $this.val().substring(0, lengthNum);
$this.val(text);
$('#info_limit').text(lengthNum);
} else {
$('#info_limit').text(length);
}
}
</script>
<body>
<div class="control-group">
<label class="control-label">標題：</label>
<div class="controls">
<%-- 添加事件調用 --%>
<form:textarea id="title" path="title" htmlEscape="false" rows="3" class="input-xxlarge required" onkeyup="setTitleLength();"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
<div class="controls">
<font color=#666666>限40個字 已輸入 <font color="#CC0000"><span id="info_limit">0</span></font> 個字</font>
</div>
</div>
</body>
