引導表單驗證並提交使用引導驗證

Question

我使用的引導彈出模態的形式在我的網站作爲接觸form.I使用引導形式validation.Now我想提交表單，並顯示在同一個模式成功或錯誤信息做表單驗證形成。

我沒有使用

<script src="js/bootstrapValidator.min.js" type="text/javascript"></script> 
<script> 
$('#contest-form').bootstrapValidator(); 
</script> 

Answer 1

你要使用Ajax進行驗證。中的JavaScript如下（注：這是利用一個元件與result的ID來顯示結果）：

$('body').on('success.form.bv', '#form', function(event) { 

    event.preventDefault(); 

    var formData = $(this).serialize(); 

    $.ajax({ 
     url: 'form-submission.php', 
     type: 'post', 
     data: formData, 
     success: function(result) { 
      $('#result').html(result); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      # error handling here 
     } 
    }) 

}); 

而PHP的粗略例如：

// do whatever with the form - you have access to $_POST 
$form_submitted = false // or true, depending on your PHP 

if ($form_submitted) { 

    echo '<div class="alert animated fadeIn alert-dismissable alert-success"><strong>Success!</strong> Indicates a successful or positive action.</div>'; 

} else { 

    echo '<div class="alert animated fadeIn alert-dismissable alert-danger"><strong>Error!</strong> There was an error submitting the form.</div>'; 

}