Validate website (url) angular directive. localhost is "invalid"

configuration.js

.directive('validateWebsite', function() {
		return {
			link: function(scope, elm) {
				function isUrlValid(userInput) {
					var regexQuery = "^(https?://)?(www\\.)?([-a-z0-9]{1,63}\\.)*?[a-z0-9][-a-z0-9]{0,61}[a-z0-9]\\.[a-z]{2,6}(/[-\\w@\\+\\.~#\\?&/=%]*)?$";
					var url = new RegExp(regexQuery,"i");
					if (url.test(userInput)) {
						return true;
					}
					return false;
				}

				elm.on("keyup",function(){

					if( isUrlValid(elm.val())){
						elm.parent().addClass('valid');
					}else{
						elm.parent().removeClass('valid');
					}
				});
			}
		}
	})