引导模态中的HTML表单验证

Question

我想验证模式中的required表单字段，然后调用javascript函数，我想知道是否可以通过html5轻松实现该验证。 通常，当存在具有<form>属性的按钮时，html会验证submit。

但是，data-dismiss="modal"和onclick=""似乎都在浏览器验证表单之前执行。 我尝试了jqBootstrapValidation，但由于某种原因（也许是因为它很旧？）而无法使其正常工作。

    <form class="modal fade" ......>
    <input type="text" .....  required>
    <button onclick="userRegistration()" type="submit" data-dismiss="modal" class="primary_btn">
    Add User</button>
    </form>