Как правильно организовать AJAX-проверку формы?

$('body').on('submit', '#login-form', function(e) {
    e.preventDefault();
    
    var error = false,
        $form = $(this),
        $email = $('input[name="email"]'),
        $login = $('input[name="login"]');
    
    // Вначале надо проверить на пустоту поля, что бы не делать лишний запрос
    if ($('input[name="login"]').is(':empty'))
    {
        $login.addClass('error');
        error = true;
    }
    
    if ($email.is(':empty'))
    {
        $email.addClass('error');
        error = true;
    }

    if (!error)
    {
        $form.find('.error').removeClass('error'); // если подсвечиваете поля с ошибками, при повторном запросе надо убрать отметку

        $.ajax({
            url: '/api/login/',
            type: 'post',
            data: $form.serialize(),
            dataType: 'JSON',
            success: function(data)
            {
                if (!data.errors)
                {
                    // Поздравляем с успешной регистрацией
                }
                else
                {
                    // Выдача сообщения об ошибке
                }
            }
        });
    }
    return false;
});

$.ajax({
    //other parameters
     async:false
});