效果图
前台:
<tr bgcolor="#f8f8f8"> <td align="center" width="100"> <font color="#eb0e14">*</font> 所需信息的<br /> 内容描述 </td> <td> <fastdev:ValidateTextBox ID="Q_CONTENT" runat="server" ValidateFontSize="12px" TextMode="MultiLine" Rows="8" Width="400" MaxLength="500"></fastdev:ValidateTextBox> <p style="margin: 0; padding: 0"> 最多字数: <input maxlength="4" id="total" size="3" value="500" class="inputtext" runat="server" /> 已用字数: <input maxlength="4" id="used" size="3" value="0" class="inputtext" runat="server" /> 剩余字数: <input maxlength="4" id="remain" size="3" value="500" class="inputtext" runat="server" /> </p> </td> </tr>
function gbcount(message, total, used, remain) { var max; max = total.value; if (message.value.length > max) { message.value = message.value.substring(0, max); used.value = max; remain.value = 0; alert("信息不能超过" + max + "个字!"); } else { used.value = message.value.length; remain.value = max - used.value; } }
后台调用JS函数而已:
Q_CONTENT.Attributes.Add("onkeydown", "gbcount(Q_CONTENT,total,used,remain);"); Q_CONTENT.Attributes.Add("onkeyup", "gbcount(Q_CONTENT,total,used,remain);");