jQuery 유효성 검사 - 작동하지만 "제출"하지 않습니다.

Question

유효성 검사 메시지가 잘 표시되고 "저장"단추가 유효성 검사를 통과함에 따라 "저장"단추가 변경되는 양식이 있습니다. 문제 없다.

그러나 양식은 제출되지 않습니다.

나는 근본이 없다고 생각합니다.) (

var CloudFormValidation = function() { 


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

    var form2 = $('#formMain'); 
    var error2 = $('.alert-danger', form2); 
    var success2 = $('.alert-success', form2); 

    form2.validate({ 
     errorElement: 'span', //default input error message container 
     errorClass: 'help-block', // default input error message class 
     focusInvalid: false, // do not focus the last invalid input 
     ignore: "", 


     invalidHandler: function(event, validator) { //display error alert on form submit    
      success2.hide(); 
      error2.show(); 
      App.scrollTo(error2, -200); 
     }, 

     errorPlacement: function(error, element) { // render error placement for each input type 
      var icon = $(element).parent('.input-icon').children('i'); 
      icon.removeClass('fa-check').addClass("fa-warning"); 
      icon.attr("data-original-title", error.text()).tooltip({ 'container': 'body' }); 
     }, 

     highlight: function(element) { // hightlight error inputs 
      $(element) 
       .closest('.form-group').addClass('has-error'); // set error class to the control group 
     }, 

     unhighlight: function(element) { // revert the change done by hightlight 

     }, 

     success: function(label, element) { 
      var icon = $(element).parent('.input-icon').children('i'); 
      $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group 
      icon.removeClass("fa-warning").addClass("fa-check"); 
     }, 

     submitHandler: function(form) { 
      success2.show(); 
      error2.hide(); 
     } 
    }); 


}; 




return { 
    //main function to initiate the module 
    init: function() { 
     handleValidation(); 
    } 

}; 

}; 경우

$("#btnSave").on("click", function() { 

     if ($("#formMain").valid()) { 
      var btn = $(this); 
      btn.button('loading'); //This works and fires when the form is valid 
      setTimeout(function() { 
       btn.button('reset'); 
      }, 3000); 
      $("#formMain").submit(); //FireBug says this is hit, but nothing happens 
     } 
    }); 

가 내 Validator의, 여기 참조 용입니다

Answer 1

감사 Ostati와 존 S : 그렇지 않으면, 당신은 그것을 변경할 수 있습니다.

 submitHandler: function(form) { 
      success2.show(); 
      error2.hide(); 
      form.submit(); //Must be called here, 
     } 

Answer 2

일시적으로의 setTimeout 호출을 제거 할 수 있습니다, 다른이 또한 메커니즘을

$(this).closest("form").submit() 

을 제출하려고?

Answer 3

나는 양식을 submitHandler 방법으로 제출해야한다고 생각합니다.

당신이 시도 할 수 : 버튼이 제출 버튼이

submitHandler: function(form) { 
    $("#btnSave").button('loading'); 
    setTimeout(function() { $("#btnSave").button('reset'); }, 3000); 
    success2.show(); 
    error2.hide(); 
    form.submit(); 
} 

그런 경우에, 당신은 핸들러를 클릭하여 제거 할 수 있습니다. 오른쪽 랙에 저를 얻었다,

$("#btnSave").click(function() { 
    $("#formMain").submit(); 
}); 

Answer 4

이 버튼을 설정 type="submit" 속성이 있는지 확인하십시오 : 그럼 내 처리기 제출

제출 마이 버튼 (단지)

$("#btnSave").on("click", function() { 
     $("#formMain").submit(); //Do this here to kick off the process 

     if ($("#formMain").valid()) { //If valid the plugin will submit for real 
      var btn = $(this); 
      btn.button('loading'); 
      setTimeout(function() { btn.button('reset'); }, 3000); 
     } 
    }); 

: 여기에 변경 사항이 내가 TI 작동하도록 만들어졌다 .