Я пытаюсь заставить форму входа AJAX работать с JavaScript

Question

Я пытаюсь заставить форму входа ajax работать с javascript, перенаправляя ее на панель управления с правильными данными для входа в систему, затем отображая ошибку при неправильных данных для входа в систему.

Даже при правильных данных для входа, он не перенаправляет, а только показывает, что данные неверны.

Я новичок, когда дело доходит до JS.

Пожалуйста, я буду признателен за вашу помощь в этом. Спасибо

 $(function(d) {
        d("form").each(function() {
            var e = d(this),
                t = {
                    errorPlacement: function(e, t) {
                        var n = t.parent();
                        n.hasClass("input-group") ? e.insertAfter(n) : n.hasClass("has-icon") ? e.insertBefore(n) : n.hasClass("control") ? e.insertAfter(t.next(".control-label")) : e.insertAfter(t)
                    }
                };
            "submit" == e.data("validate-on") && d.extend(t, {
                onfocusout: !1,
                onkeyup: !1
            }), e.validate(t)
        }), d("form").submit(function(e) {
            e.preventDefault();
            var n = d(this);
            if (!n.valid()) return !1;
            var t = d("button[type=submit]", this);
            t.addClass("loading");
            var i, o, a, r, s, l = t.parent(".ajax-button"),
                c = l.length,
                u = n.next(".response-message");
            return o = (i = n).attr("action"), a = i.serializeArray(), s = d.extend(!0, {}, r, {
                url: o,
                type: "POST",
                data: a,
                dataType: "json"
            }), d.ajax(s).done(function(e) {
                e.result ? (n.trigger("form.submitted", [e]), d("input, textarea", n).removeClass("error"), d(".response", u).html(e.message), c && d(".success", l).addClass("done"), n.addClass("submitted"), n[0].reset()) : (c && d(".failed", l).addClass("done"), e.errors && d.each(e.errors, function(e, t) {
                    d("[name$='[" + e + "]']", n).addClass("error").tooltip({
                        title: t,
                        placement: "bottom",
                        trigger: "manual"
                    }).tooltip("show").on("focus", function() {
                        d(this).tooltip("dispose")
                    })
                }))
            }).fail(function() {
                d(".response", u).html(d("<span class='block'>Something went wrong.</span>")), c && d(".failed", l).addClass("done")
            }).always(function() {
                t.addClass("loading-end"), c && setTimeout(function() {
                    console.log("clearing status"), t.removeClass("loading").removeClass("loading-end"), d(".success,.failed", l).removeClass("done")
                }, 500)
            }), !1
        })
    }),

<form class="cozy" method="POST" action="{{ route('login') }}" data-validate-on="submit" novalidate>

    <label class="control-label bold small text-uppercase color-2">Username</label>
    <div class="form-group has-icon">
        <input type="text" id="username" name="username" class="form-control form-control-rounded" placeholder="Your Registered Username" required> 
        <i class="icon fas fa-user"></i>
    </div>
    <label class="control-label bold small text-uppercase color-2">Password</label>
    <div
        class="form-group has-icon">
        <input type="password" id="password" name="password" class="form-control form-control-rounded" placeholder="Your Password" required> 
        <i class="icon fas fa-lock"></i>
    </div>
    <div class="form-group d-flex align-items-center justify-content-between">
        <a href="{{ route('password.request') }}" class="text-warning small">Forgot your password?</a>
        <div class="ajax-button">
            <div class="fas fa-check btn-status text-success success">

            </div>
            <div class="fas fa-times btn-status text-danger failed">

            </div>
            <button type="submit" class="btn btn-accent btn-rounded">Login <i class="fas fa-long-arrow-alt-right ml-2"></i></button>
        </div>
    </div>
</form>