Así que tengo un elemento de entrada en HTML, ese elemento de entrada le pide al usuario la dirección/nombre de su sitio web.
Ahora esto es lo que acepto: los siguientes formatos de dirección/nombre:
https://example.com (.net, .org, etc.)http://example.com (.net, .org, etc.)www.example.com (.net, .org, etc.)http://www.example.com (.net, .org, etc.)https://www.example.com (.net, .org, etc.)example.com (.net, .org, etc.) Pero si el usuario escribe una cadena aleatoria, por ejemplo, abc123$ Daría un error "Por favor ingrese una dirección/nombre de sitio web válido".
Lo que probé hasta ahora,
const isValidURL = (str) => { var a = document.createElement("a"); a.href = str; return a.host && a.host != window.location.host; } let isValid = isValidURL("https://example.com"); if (isValid == true) { // pass } else if ...Ahora, este código que encontré en una respuesta SO verifica si es una URL válida, es decir, contiene http o https, que es parte de lo que quiero . Pero después de esto, en una declaración else if, también me gustaría permitir URL que no contengan http o https pero que contengan www. y luego en otra declaración else if me gustaría permitir URL que no contengan ninguno de esos y solo example.com (.net, .org, etc.), pero ENTONCES una declaración else que le dice al usuario "Por favor ingrese una dirección de sitio web válida /nombre".
Pero el problema es que no tengo idea de cómo voy a hacer esto, agradecería si alguien arrojara algo de luz sobre esto.
Nota: sé que verificar la URL en el backend es lo mejor que se puede hacer, pero lamentablemente, debido a los requisitos del cliente, necesito usar este método del lado del cliente para la validación mínima del nombre del sitio.
Editar: esto no es un duplicado de otras preguntas similares porque no solo estoy tratando de validar las URL, estoy tratando de validar todos los posibles tipos de nombres de dominio válidos en un navegador web. Vea los ejemplos que presenté anteriormente, no todos son URL válidos, los que no lo son también deben pasar, pero si no es un nombre de sitio válido completamente como "ejemplo" en lugar de "ejemplo.com, www.ejemplo.com , o http://ejemplo.com , etc." entonces no pasa.