javascript - 如何在不完整的表单提交时隐藏成功的模式框

Question

我已经阅读了与此类似的其他几个问题，但由于某种原因似乎没有一个有效。

我有一个简单的 ajax 表单，成功提交后会弹出一个模式框，上面写着“成功！...”。但是，由于某种原因，当表单不完整/有错误时，也会弹出此模态框，这显然是有问题的。

这是模态框的 .js。需要添加或更改什么？

    <script type="text/javascript">
        $('#ajax_form_cancel_request').submit(function(event){
            event.preventDefault();

            if($('#ajax_form_cancel_request')[0].checkValidity() ){
                $('#confirm-message').modal('toggle');
            }
        });
    </script>

标签： javascriptajaxformstwitter-bootstrap-3