char limit validation in multiline asp.net textbox

最新推荐文章于 2012-02-22 14:09:47 发布

lvincent_china

最新推荐文章于 2012-02-22 14:09:47 发布

阅读量297

点赞数

分类专栏： JQUERY 文章标签： textbox validation asp.net server function div

本文链接：https://blog.csdn.net/lvincent_china/article/details/7210768

版权

JQUERY 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .alertmessage
        {
            color:#FF0000;
        }
    </style>
    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var minCount = 5;
            var maxCount = 200;
            var inputBox = $('#<%=txtInput.ClientID %>');
            inputBox.bind("cut copy paste", function (e) {
                e.preventDefault();
            });
            inputBox.keypress(function () {
                var strCount = inputBox.val().length;
                $('#<%=txtCount.ClientID %>').val(strCount);
                if (strCount < minCount || strCount > maxCount) {
                    $('#message').text("Please key in characters in the range 5 -200");
                }
                else {
                    $('#message').text("");
                }
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr>
                <td>
                    <asp:TextBox ID="txtInput" runat="server" TextMode="MultiLine" Rows="7" Width="300px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    number of char<asp:TextBox ID="txtCount" runat="server" ReadOnly="true"></asp:TextBox>
                </td>
            </tr>
        </table>
    </div>
    <div id="message" class="alertmessage">
    </div>
    </form>
</body>
</html>

lvincent_china

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
char limit validation in multiline asp.net textbox

http://www.w3.org/1999/xhtml"> .alertmessage { color:#FF0000; } $(document).ready(function () { var minCou
复制链接

扫一扫

专栏目录