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);");
  • 相关阅读:
    idea 连接 hive
    css img自适应
    测试视频文件
    ubuntu不显示ipv4地址的解决办法
    nginx path捕获
    union all两个结果集报ORA-12704: character set mismatch错误
    润乾报表试用指南
    报表工具对比之润乾报表与锐浪报表对比
    项目微管理36
    docker远程调用
  • 原文地址:https://www.cnblogs.com/wenghaowen/p/3261605.html
Copyright © 2011-2022 走看看