zoukankan      html  css  js  c++  java
  • 实现文本框动态限制字数的实现(好方法)

    效果图

    前台:

    <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);");
  • 相关阅读:
    IOS开发--第四阶段--关联
    1.7 Flask
    1.4 linux 路飞项目
    linux 1.3 nginx 负载均衡和配置文件
    1.2 redis
    1.1 xinnian
    12.30 linux 7
    12.29
    12.29 linux3 mysql和redis
    12.28 linux 第四天 安装python 和虚拟环境
  • 原文地址:https://www.cnblogs.com/wenghaowen/p/3261605.html
Copyright © 2011-2022 走看看