使用JavaScript進行Bootstrap驗證

Question

我有引導表單，但是我使用Ajax單擊提交按鈕，並且無論輸入數據如何，都會執行此功能。如何檢查與JavaScript驗證，然後做Ajax請求？

Answer 1

添加JavaScript函數的提交按鈕點擊事件，將驗證和呼叫阿賈克斯如果驗證：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

<form id="myForm"> 
    First name:<br> 
    <input type="text" name="firstname" value="Mickey"> 
    <br> 
    Last name:<br> 
    <input type="text" name="lastname" value="Mouse"> 
    <br><br> 
    <input id="btn_submit" type="button" value="Submit"> 
</form> 

<script> 
function validate() { 
    return true; 
} 
$(document).ready(function() { 
    $('#btn_submit').on('click', function() { 
     if (validate()) { 
      $.ajax({ 
       type: 'POST', 
       url: 'myPhp.php', 
       data: $('#myForm').serialize(), 
       success: function(response) { 
       } 
      }); 
     } 
    }); 
}); 
</script>