モーダルダイアログでブートストラップのmaxlengthが機能しない

私はブートストラップのMaxlengthプラグインを使用して、ユーザーがテキストを挿入している最中にフィールドの最大長を表示しています。これは、ページの入力フィールドとテキストエリアでうまく機能します。問題は、入力またはtextareaフィールドがモーダルダイアログにあるときに機能しないことです。モーダルダイアログでブートストラップのmaxlengthが機能しない

私はこの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 
    }); 
});

だから、「最大長フィールド」クラスを持つすべての入力とテキストエリアには、残りの文字が表示されます。しかし、フィールドがモーダルダイアログにあるときは、機能しません。

どうすればこの問題を解決できますか？

EDIT：

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>

ブートストラップMAXLENGTHは "myFieldで" 入力でうまく機能しているが、それは "mymodalfield" には表示されません。

出典

2017-03-10 Fran

はモーダルダイアログであり、動作しません。

モーダルウィンドウを呼び出す前に幅の変更が表示される可能性がありますか？まず、これをチェックしてください。それ以外の方法では正しく動作しません（あなたのHTMLで、モーダルコールバックと幅の変更よりもDOM構造として機能します）。

p.s. あなたのコードをもっと見せてくれますか？

出典

2017-03-10 17:25:41

私はいくつかのコードで質問を編集しました。私はあなたが "幅の変化"を意味するか理解していません。 – Fran

モーダルダイアログでブートストラップのmaxlengthが機能しない

答えて

関連する問題