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?