2015-01-27 1 views
-2

Итак, у меня есть это простое условие проверки, если длина одного из значений равна 10 или 11 или 12, тогда она должна отображать значение, i alreaddy debugg это и кажется, что это действительно проходит через условие, другой модальный, у меня есть в том же взгляде, что он работает, поэтому он не является неправильным вызовом стиля, уже скрепил некоторые вопросы и учебные пособия и все еще не смог заставить его работать.Модальное из bootstrap не отображается, Visual studio, js, jQuery

здесь код 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 --> 
+0

вы подтвердили модальный элемент существует? Любые ошибки брошены? – charlietfl

+0

Что вы имеете в виду с модальным элементом? и нет, ошибки не было. wierd thing у меня есть другой модальный, и что один работает с другим условием, поэтому я попытался выяснить, работает ли мое условие, и действительно, он отображает предупреждение y, которое там прокомментировало, но модальный, пока не показывающий, уже проверял некоторые sintaxys ошибки, но я не смог их найти. –

ответ

2

Когда я вставил свой код в JSFiddle, я получил ошибка в первой строке Javascript. Однако, когда я удалил эту строку и только что вставил в HTML-код модального кода и код, чтобы показать его, все работало правильно. Взгляните на эту скрипку, и вы увидите, как она работает.

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

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

Убедитесь, что у вас нет никаких других ошибок на странице предотвращения модальных от появления

+0

mmm не в состоянии запланировать код, я выложу его полностью, чтобы узнать, поможет ли кто-нибудь. –

+0

Есть еще одна проблема, о которой я только что подумал. Все '.value' вызовы' 'элементы возвращают строку. Если вы хотите сравнить значение с целым числом, сначала нужно использовать 'parseInt()' для преобразования строки в целое число https://developer.mozilla.org/en-US/docs/Web/JavaScript/ Справка/Global_Objects/ParseInt –

Смежные вопросы