Question

我使用Bootstrap Maxlength插件显示用户插入文本时字段的最大长度。它适用于页面的输入字段和textareas。问题是当输入或textarea字段位于模态对话框中时它不起作用。

我有这个javascript代码：

$(document).ready(function () {
  $('input.max-length-field').maxlength({
    limitReachedClass: "label label-danger",
    alwaysShow: true
  });
  $('textarea.max-length-field').maxlength({
    limitReachedClass: "label label-danger",
    alwaysShow: true
  });
});

所有输入和textareas与＆＃34; max-length-field＆＃34;类，应显示剩余的字符。但是当该字段处于模态对话框中时，它不起作用。

我怎样才能使这个工作？

编辑：

HTML看起来像这样：

<!DOCTYPE html>
...
<html>
...
<head>...</head>
<body>
...
<div id="myModal" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                ...
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-3">
                            My Field
                        </div>
                        <div class="col-md-9">
                            <input name="mymodalfield" type="text" maxlength="150" id="idmymodalfield" class="form-control max-length-field" />
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn default">Close</button>
                <input type="submit" name="myModalButton" value="Yes" onclick="...." class="btn" />
            </div>
        </div>
    </div>
</div>
...
...
<div class="row">
    <div class="col-md-12">
    ...
    <input name="myfield" type="text" maxlength="10" id="idmyfield" class="form-control max-length-field" />
    ...
    </div>
</div>
...
</body>
</html>

Bootstrap Maxlength适用于＆＃34; myfield＆＃34;输入，但它并没有出现在＆＃34; mymodalfield＆＃34;。

Answer 1

是在模态对话框中，它不起作用。

在你打电话给模态窗口之前，你的宽度变化可能会出现吗？首先请检查一下，因为在其他方面它将无法正常工作（它在您的html中工作，因为您拥有的DOM结构比模态回调，而不是宽度更改）

P.S。你能告诉我更多你的代码吗？

Bootstrap maxlength在模态对话框中不起作用

1 个答案: