如何检查表格是否有效，如果无效，请添加CSS

Question

我正在尝试进行表单验证，如果表单有效，则提交我的ajax代码，否则，向无效输入字段添加红色边框。 我现在已经尝试了几次不同的代码，在服务期间没有任何运气。

我的表单确实是这样的。 HTML：

<form id="KontaktForm" action="e_Sender.php" method="post">
                    <b>Fulde navn</b> * <input type="text" class="form-control" id="FuldeNavn" name="fuldt_navn">
                    <b>Email</b> * <input type="email" class="form-control" id="Email" name="email">
                    <b>Mobil</b> * <input type="number" class="form-control" id="Mobil" name="mobil">
                    <b>Antal</b> * <input class="form-control" id="Antal" type="number" name="antal">
                    <b>Besked</b> *<br><textarea class="form-control" id="Besked" rows="5" name="message" cols="30"></textarea>
                    <input class="btn btn-info float-right" id="Submit" type="submit" name="submit" value="Kontakt">
                </form>

，我的ajax脚本如下所示：

 $("#KontaktForm").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                type: 'post',
                url: 'e_Sender.php',
                data: $('form').serialize(),
                success: function () {
                    $("#FormSent").show(function () {
                        $("#FormSent").delay(5000).fadeOut(1000);
                    });
                    $('#KontaktForm').trigger("reset");
                    jQuery("#Submit").prop('disabled', true);
                }
            });
        });`

我所要做的只是“如果某些输入无效，则添加class x特定输入”，但是如果所有输入字段均有效，则它应该运行我的ajax脚本，并将公式发送给我。

希望这里的任何内容都能通过简单的jquery脚本帮助我，以解决我的问题。