Validación de URL: acepta URL sin protocolos

Question

Tengo una validación de URL básica en mi aplicación. En este momento estoy usando el siguiente código.

//validates whether the given value is 
//a valid URL 
function validateUrl(value) 
{ 
    var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ 
    return regexp.test(value); 
} 

Pero en este momento no está aceptando URLs sin el protocolo. Por ej. si proporciono www.google.com, no lo estoy aceptando. ¿Cómo puedo modificar el RegEx para que acepte URLs sin protocolo? protocolo

Answer 1

Aquí es una expresión regular a largo grande para que coincide con una URL:

(?i)\b((?:(?:[a-z][\w-]+:)?(?:/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’])) 

La versión expandida de que (a ayudar a hacer más comprensible):

(?xi) 
\b 
(       # Capture 1: entire matched URL 
    (?: 
    (?:[a-z][\w-]+:)?    # URL protocol and colon 
    (?: 
     /{1,3}      # 1-3 slashes 
     |        # or 
     [a-z0-9%]      # Single letter or digit or '%' 
            # (Trying not to match e.g. "URI::Escape") 
    ) 
    |       # or 
    www\d{0,3}[.]    # "www.", "www1.", "www2." … "www999." 
    |       # or 
    [a-z0-9.\-]+[.][a-z]{2,4}/ # looks like domain name followed by a slash 
) 
    (?:       # One or more: 
    [^\s()<>]+      # Run of non-space, non-()<> 
    |        # or 
    \(([^\s()<>]+|(\([^\s()<>]+\)))*\) # balanced parens, up to 2 levels 
)+ 
    (?:       # End with: 
    \(([^\s()<>]+|(\([^\s()<>]+\)))*\) # balanced parens, up to 2 levels 
    |         # or 
    [^\s`!()\[\]{};:'".,<>?«»“”‘’]  # not a space or one of these punct chars 
) 
) 

Estos dos vienen de this page, pero modificado ligeramente para hacer que el protocolo sea opcional, debería leer esa página para ayudar a entender lo que está haciendo, y también tiene una variante que solo coincide con las URL basadas en la web, que también puede consultar.

Answer 2

Hacer opcional con (...)?

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

Answer 3

Cambiar la expresión regular a:

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

Answer 4

no soy un experto expresiones regulares, pero que rodea el protocolo con otro soporte y el uso de un signo de interrogación al final debería hacerlo opcional:

function validateUrl(value) 
{ 
    var regexp = /((ftp|http|https):\/\/)?(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ 
    return regexp.test(value); 
} 

Answer 5

Cambiar la primera parte a:

(?:(ftp|http|https):)?(?:\/\/)? 

El contenido de grupos voluntad (?: ... ) sin usar grupos de captura (por lo que el protocolo real permanece en primer grupo).

Tenga en cuenta que las partes protocol: y // son individualmente opcionales, ya que //www.google.com es una URL válida (relativa).

Answer 6

puede validar que a continuación url favor ..

http://www.youtube.com/http://www.youtube.com/watch?v=awP_PCb67Kk