부트 스트랩 maxlength가 모달 대화 상자에서 작동하지 않습니다.

부트 스트랩 Maxlength 플러그인을 사용하여 사용자가 텍스트를 삽입하는 동안 필드의 최대 길이를 표시하고 있습니다. 그것은 페이지의 입력 필드와 텍스트 영역에서 잘 작동합니다. 문제는 입력 또는 텍스트 영역 필드가 모달 대화 상자에있을 때 작동하지 않는다는 것입니다. 부트 스트랩 maxlength가 모달 대화 상자에서 작동하지 않습니다.

$(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 
    }); 
});

그래서 "최대 길이 필드"클래스 모든 입력 및 텍스트 영역이, 나머지 문자를 표시해야합니다

나는이 자바 스크립트 코드가 있습니다. 그러나 필드가 모달 대화 상자에 있으면 작동하지 않습니다.

어떻게하면됩니까?

<!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>

부트 스트랩 최대 길이는 "myfield"입력으로 잘 작동하지만, "mymodalfield"에 표시되지 않습니다

편집 :

HTML은 다음과 같습니다.

출처

2017-03-10 Fran

은 모달 대화 상자에 있지만 작동하지 않습니다.

아마도 모달 창을 호출하기 전에 너비가 변경됩니다. 먼저 다른 방식으로 제대로 작동하지 않기 때문에 먼저 체크하십시오 (HTML, DOM 콜백, 너비 변경 등)

p.s. 코드를 더 보여줄 수 있습니까?

출처

2017-03-10 17:25:41

일부 코드로 질문을 편집했습니다. 나는 너비가 "너비 변화"라는 것을 이해하지 못한다. – Fran

부트 스트랩 maxlength가 모달 대화 상자에서 작동하지 않습니다.

답변

관련 문제