왜 이러한 확인 모달이 보이지 않습니까?

부트 스트랩을 사용하는 템플릿을 사용합니다. 나는 모달을 보여주는 데 어려움을 겪고있다.왜 이러한 확인 모달이 보이지 않습니까?

양식에 jquery 유효성 검사가 있습니다. 모든 것이 정상이면 제출을 클릭하면 확인 정보가 표시되어 사용자에게 정보를 저장하려고하는지 묻습니다. 양식이 유효성 검사를 통과하지 못하면 간단한 메시지가 나타납니다. 언급 된 행동에 대한 나는이 구축 :

당신이 볼 수 있듯이, 모달 및 오류 메시지가 속성 "숨기기"가

<form action="#" id="form_sample_2" class="form-horizontal"> 
     <div class="alert alert-error hide"> 
      <button class="close" data-dismiss="alert"></button>Existen errores en el formulario. Por favor verifique.</div> 
     <!-- modal --> 
     <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
       <h3 id="myModalLabel3">Cargar Usuario</h3> 

      </div> 
      <div class="modal-body"> 
       <p></p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button> 
       <button data-dismiss="modal" class="btn green" id="btnYes">Confirmar</button> 
      </div> 
     </div> 
     <!-- end modal --> 
    </form>

...

JS 파일 :

var handleValidation2 = function() { 
     // for more info visit the official plugin documentation: 
     // http://docs.jquery.com/Plugins/Validation 

     var form2 = $('#form_sample_2'); 
     var error2 = $('.alert-error', form2); 
     var success2 = $('#myModal', form2); 

     //IMPORTANT: update CKEDITOR textarea with actual content before submit 
     form2.on('submit', function() { 
      for (var instanceName in CKEDITOR.instances) { 
       CKEDITOR.instances[instanceName].updateElement(); 
      } 
     }) 

     form2.validate({ 
      errorElement: 'span', //default input error message container 
      errorClass: 'help-inline', // default input error message class 
      focusInvalid: false, // do not focus the last invalid input 
      ignore: "", 
      rules: { 
       //some code 
      }, 
      submitHandler: function (form) { 
       success2.show(); 
       error2.hide(); 
      } 
      //some code

이 스 니펫에서 양식이 유효성 검사를 통과하지 못하면 error2.hide() 함수가 경고 오류 메시지를 표시합니다.

success2.show() 함수가 확인 모달을 표시해야하는 경우 양식이 유효성 검사를 통과 할 때 문제가 발생하지만 그렇게하지 않습니다. 양식이 괜찮을 때 아무 것도 나타나지 않고 내가 뭘 잘못하고 있는지 궁금해.

도움이 될 것입니다.

출처

2014-05-19 Limon

첫 번째 일 먼저 : 그것은 실제로 submitHandler 기능을합니까? –

@MarloC 양식이 유효성 검사를 통과하지 못하면 오류 메시지가 성공적으로 나타납니다. 양식의 성공에 아무것도 표시되지 않습니다. 그래서 그것을 제출 처리기 함수를 – Limon

대신 success2.show(); 사용 success2.modal('show')

의이

출처

2014-05-19 14:46:19 mohamedrias

해결할 것 같아요. 고맙습니다. – Limon

위대한, 당신은 환영합니다 :) – mohamedrias

-1

submitHandler: function (form) { 
       success2.removeAttr('aria-hidden'); 
       success2.show(); 
       error2.hide(); 
}

이 유 AT & T는 아리아 - hidded 제거하려고 않는 문제가 해결됩니다. 당신을위한 그 일을 희망하십시오

출처

2014-05-19 14:59:47

왜 이러한 확인 모달이 보이지 않습니까?

답변

관련 문제