使用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>