Is there any way to better structure the code? In particular how exceptions are handled within a "promise chain"?

$("#save").click(function(e) {
    e.preventDefault();

    let $self = $(this);
    let profile = {}

    $self.prop("disabled", true)

    profile['oldPassword'] = $('#oldPassword').val();
    profile['newPassword'] = $('#newPassword').val();

    Profile.validateForm(profile).then(() => {
        Profile.sendAjax(profile).then(() => {
            $('#oldPassword').val('');
            $('#newPassword').val('');
            $("#profileAlert").text('Password changed successully').removeClass('alert-danger').addClass('alert-success').show().delay(5000).fadeOut()
        }).catch(e => {
            $("#profileAlert").text(e).removeClass('alert-success').addClass('alert-danger').show()
        }).finally(() => {
            $self.prop("disabled", false)
        })
    }).catch(e => {
        $("#profileAlert").text(e).removeClass('alert-success').addClass('alert-danger').show()
    }).finally(() => {
        $self.prop("disabled", false)
    })
});