来自 bootstrap 的模态未显示，Visual studio，js，jquery

Question

所以我有这个简单的验证条件，如果其中一个值的长度等于 10 或 11 或 12 那么它应该显示该值，我已经调试它并且它似乎确实正在通过该条件，我在同一视图中看到的另一个模态正在工作，因此它不是错误的样式调用，已经解决了一些问题和教程，但仍然无法使其工作。

这是应该调用它的 js 代码：

var cel = document.forms["FormularioAlta"]["cel"].value;
            var celconfirmacion = document.forms["FormularioAlta"]["celconfirmacion"].value;
            var ocr = document.forms["FormularioAlta"]["ocr"].value;
            var ocrconfirmacion = document.forms["FormularioAlta"]["ocrconfirmacion"].value;
            var flag = true;




            if (cel.length != 10 || celconfirmacion.length != 10) {

                flag = false;

            }
            if (ocr.length == 10 || ocr.length == 11 || ocr.length == 12 || ocrconfirmacion.length == 10 || ocrconfirmacion.length == 11 || ocrconfirmacion.length == 12) {

                //alert("los OCR deben de tener solamente una longitud de 9 o 13 digitos");
                flag = false;
                $("#ModalErrorOCR").modal("show");


            }

这里是我声明模态的地方：

 <div class="modal fade" id="ModalErrorOCR" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Error</h4>
      </div>
      <div class="modal-body">
        <p>Los OCR deben de tener  una longitud de 9 o 13 digitos unicamente.&hellip;</p>
      </div>

         <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>

      </div>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

Answer 1

当我将您的代码粘贴到 JSFiddle 中时，Javascript 的第一行出现错误。但是，当我删除该行并粘贴到模态的 HTML 和显示它的代码时，一切正常。看看这个 fiddle，你会发现它在工作。

http://jsfiddle.net/pup3jykb/1/

$("#ModalErrorOCR").modal("show");

确保页面上没有任何其他错误阻止模式出现

来自 bootstrap 的模态未显示，Visual studio，js，jquery

Modal from bootstrap not showing up, Visual studio, js, jquery

javascript

jquery

vba

modal-dialog

twitter-bootstrap