实现文本框动态限制字数的实现（好方法）

效果图

 

前台：

<tr bgcolor="#f8f8f8">
                            <td align="center" width="100">
                                <font color="#eb0e14">*</font>&nbsp;所需信息的<br />
                                内容描述
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <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);");