Question

我想使用这个漂亮的小代码：http://mimo84.github.io/bootstrap-maxlength/。我是asp.net编程的新手，我不知道如何在我的项目中使用它。我的文本框已经创建，MaxLength属性设置为我想要的值。有人能告诉我为什么它不起作用。

<asp:TextBox ID="TextBox1" runat="server" MaxLength="20" onfocus="show()"></asp:TextBox>

<script type="text\javascript">
    function show(){
    $('input[TextBox1]').maxlength();  
    }
</script>

主文件中引用了所需的javascript文件！

Answer 1

引用maxlength.js文件

<script src="../bootstrap-maxlength/bootstrap-maxlength.min.js"></script>

<input type="text" class="form-control" maxlength="25" name="alloptions" id="alloptions">


$('input.className').maxlength({
   alwaysShow: true,
   threshold: 10,
   warningClass: "label label-success",
   limitReachedClass: "label label-danger",
   separator: ' of ',
   preText: 'You have ',
   postText: ' chars remaining.',
   validate: true
 });

See Demo Here

Answer 2

假设您已经引用了jQuery和maxlength插件，那么您需要做的就是将脚本添加到页面中，如下所示：

google-services.json

Answer 3

从TextBox控件中删除MaxLength属性和在javascitp函数中定义MaxLength，如下所示：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<script type="text/javascript">
    $(document).ready(function () {
        $("[id*=TextBox1]").maxlength({
            alwaysShow: true,
            validate: true,
            allowOverMax: false,
            customMaxAttribute: "100"
        });
    });
</script>

asp.net在TextBox上显示Maxlength

3 个答案: