유효한 양식에 기초를 두십시오

Question

나는 abide 기초 검증 플러그 접속 식을 사용하고있는 모두에있는 진짜로 이상한 문제점이 있고 모두는 좋게 보입니다, 나는 나타나기 위하여 대중 음악 메시지를 얻을 수있다 그러나 모양은 실제로 복종하지 않는다. .. 그냥 페이지를 새로 고치는 것 같습니다.

사람은 내가 잘못 뭘하는지 볼 수 있습니다

$(document) 
// to prevent form from submitting upon successful validation 
.on("submit", function(ev,frm) { 
    ev.preventDefault(); 
    $.blockUI({ 
     message: $('#message'), 
     css: { top: '20%', width: '80%', height: '50%', left: '10%', border: 'none', background: 'none' } 
    }); 
    setTimeout(function() { 
     $.unblockUI(); 
     return true; 
    }, 17000); // in milliseconds 
}); 

어떤 도움이에 좋은 것, 그것은 나를 스트레스를합니다. 팝업이 잠시 표시하고 폼이 제출 불구하고

UPDATE는

나는 그것을하지 않는 것 ... 어떤 이유

$(".form") 
    .on('invalid', function() { 
    var invalid_fields = $(this).find('[data-invalid]'); 
    console.log(invalid_fields); 
    }) 
    .on('valid', function() { 
     $.blockUI({ 
      message: $('#message'), 
      css: { top: '20%', width: '80%', height: '50%', left: '10%', border: 'none', background: 'none' } 
     }); 
     setTimeout(function() { 
      $.unblockUI(); 
     }, 17000); // in milliseconds 
    return false; 
    $(".form").submit(); 
    }) 
    .on('submit', function(){ 
    return true; 
    }); 

조금 더있어 내 타임 아웃을 기다려.

지금이 작업을 얻을 관리했습니다

ANOTHER UPDATE이 같은 문제를 보내고 다른 사람이 당신은 BlockUi 내 옵션을 사용하여 원시 DOM 양식을 제출해야합니다.

$(".form") 
     .on('invalid', function() { 
     var invalid_fields = $(this).find('[data-invalid]'); 
     console.log(invalid_fields); 
     }) 
     .on('valid', function() { 
      var theForm = this; 
      $.blockUI({ 
       message: $('#message'), 
       css: { top: '20%', width: '80%', height: '50%', left: '10%', border: 'none', background: 'none' }, 
       timeout: 17000, 
       onUnblock: function() { theForm.submit(); } 
      }); 
     return false;   
     }) 
     .on('submit', function(){ 
     return false; 
     }); 

Answer 1

$(".form") 
     .on('invalid', function() { 
     var invalid_fields = $(this).find('[data-invalid]'); 
     console.log(invalid_fields); 
     }) 
     .on('valid', function() { 
      var theForm = this; 
      $.blockUI({ 
       message: $('#message'), 
       css: { top: '20%', width: '80%', height: '50%', left: '10%', border: 'none', background: 'none' }, 
       timeout: 17000, 
       onUnblock: function() { theForm.submit(); } 
      }); 
     return false;   
     }) 
     .on('submit', function(){ 
     return false; 
     });