Sobrescribiendo el validador de URL AngularJS

AngularJS acepta esto para una URL válida:

var URL_REGEXP = /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/;

Django acepta esto:

regex = re.compile(
    r'^(?:http|ftp)s?://' # http:// or https://
    r'(?:(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+(?:[A-Z]{2,6}\.?|[A-Z0-9-]{2,}\.?)|' #domain...
    r'localhost|' #localhost...
    r'\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})' # ...or ip
    r'(?::\d+)?' # optional port
    r'(?:/?|[/?]\S+)

El principalpráctico La diferencia es que AngularJS acepta.http://some-host-without-tld, mientras que Django solo permitehttp://localhost como una URL válida sin TLD.

Como es problemático sobrescribir el validador de URL de Django, quiero sobrescribir el validador AngularJS. Intenté que de esta manera, que funciona:

app.overwriteUrlValidator = function(ngModel) {

    // Django RegExp, ported to JS.
    var URL_REGEXP = /^(?:http|ftp)s?:\/\/(?:(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+(?:[A-Z]{2,6}\.?|[A-Z0-9-]{2,}\.?)|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d+)?(?:\/?|[\/?]\S+)$/gi;

    // Same validator as AngularJS's, only with a different RegExp.
    function urlValidator(value) {
        if (ngModel.$isEmpty(value) || URL_REGEXP.test(value)) {
            ngModel.$setValidity('url', true);
            return value;
        } else {
            ngModel.$setValidity('url', false);
            return undefined;
        }
    }

    // This is the part I'm not happy about. I need to use a timeout
    // because my code is executed before Angular adds its URL validator.
    // If I add mine before Angular does, it will not work for ??? reason.
    window.setTimeout(function() {
        ngModel.$formatters.push(urlValidator);
        ngModel.$parsers.push(urlValidator);
    }, 100);
};


/**
 * Keep track of user's interaction with input fields
 */
app.inputDirective = function() {
    function link(scope, element, attrs, ngModel) {
        if (ngModel && attrs.type === 'url') {
            app.overwriteUrlValidator(ngModel);
        }
    }

    return {
        restrict: 'A',
        require : '?ngModel',
        link    : link
    };
};
app.directive('input', app.inputDirective);
app.directive('textarea', app.inputDirective);

Prefiero no cambiar a otra directiva de validación porque tendría que actualizar y revisar muchos códigos.

¿Alguien sabe una forma sólida de hacer esto?

, re.IGNORECASE)

El principalpráctico La diferencia es que AngularJS acepta.http://some-host-without-tld, mientras que Django solo permitehttp://localhost como una URL válida sin TLD.

Como es problemático sobrescribir el validador de URL de Django, quiero sobrescribir el validador AngularJS. Intenté que de esta manera, que funciona:

app.overwriteUrlValidator = function(ngModel) {

    // Django RegExp, ported to JS.
    var URL_REGEXP = /^(?:http|ftp)s?:\/\/(?:(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+(?:[A-Z]{2,6}\.?|[A-Z0-9-]{2,}\.?)|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d+)?(?:\/?|[\/?]\S+)$/gi;

    // Same validator as AngularJS's, only with a different RegExp.
    function urlValidator(value) {
        if (ngModel.$isEmpty(value) || URL_REGEXP.test(value)) {
            ngModel.$setValidity('url', true);
            return value;
        } else {
            ngModel.$setValidity('url', false);
            return undefined;
        }
    }

    // This is the part I'm not happy about. I need to use a timeout
    // because my code is executed before Angular adds its URL validator.
    // If I add mine before Angular does, it will not work for ??? reason.
    window.setTimeout(function() {
        ngModel.$formatters.push(urlValidator);
        ngModel.$parsers.push(urlValidator);
    }, 100);
};


/**
 * Keep track of user's interaction with input fields
 */
app.inputDirective = function() {
    function link(scope, element, attrs, ngModel) {
        if (ngModel && attrs.type === 'url') {
            app.overwriteUrlValidator(ngModel);
        }
    }

    return {
        restrict: 'A',
        require : '?ngModel',
        link    : link
    };
};
app.directive('input', app.inputDirective);
app.directive('textarea', app.inputDirective);

Prefiero no cambiar a otra directiva de validación porque tendría que actualizar y revisar muchos códigos.

¿Alguien sabe una forma sólida de hacer esto?

Respuestas a la pregunta(3)

Su respuesta a la pregunta