jQuery Girl
  1. jQuery Girl
  3. Validez une URL avec jQuery et ajoutez http: // et final / si nécessaire
Intereting Posts
JQuery et problème de validation PHP? jQuery Animer la couleur du texte en survol Simuler le survol dans jQuery Comment compresser des fichiers en utilisant la bibliothèque jszip agrandir et animer une plus grande section vers le haut en stationnaire JQuery redimensionner la hauteur du document Le graphique en secteurs en haute définition ne montre pas le troisième exercice Texte du lien cliqué jQuery Clockpicker afterHourSelect jquery datepicker supprime la classe onSelect de la classe .ui-state-highlight Mousedown sur le corps et faites glisser la page vers le haut ou le bas, comme sur un pdf Signature écrite sur demande dans c # MVC3 (non hébergée) dans le cadre d’une demande d’emploi Problème d’utilisation de la fonction jQuery dans la fonction non jQuery Jquery RegEx Validation Un moyen plus efficace de gérer les fonctions $ (window) .scroll dans jQuery?

Validez une URL avec jQuery et ajoutez http: // et final / si nécessaire

Je fais un URL Builder simple dans le backend d’un site Web sur lequel j’ai besoin d’une URL telle que http://www.google.es/ où http: // et / sont nécessaires, mais les utilisateurs saisissent généralement www.google.es ou maxmium http://www.google.es .

J’ai ce code de base où je vérifie les valeurs non vides et une URL valide : 

$("#ga-generate").click(function(){ var url = $("#ga-url").val(); var nombre = $("#ga-nombre").val(); if(url == "") { alert("URL is required"); return false; } else { //set the new URL with http and / if needed $("#ga-url").val(url); } if(nombre == "") { alert("A name is required"); return false; } if(/^([az]([az]|\d|\+|-|\.)*):(\/\/(((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([az]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(url)) { var final_url = ""; final_url = url; } else { alert("URL is not valid"); } });

La regex vérifie la présence d’une URL valide, vérifie si elle a http: // (et non pas un / final). Je souhaite donc append http: // et / s’il n’est pas ajouté juste avant d’appeler la regex. Comment je peux le faire?

Merci d’avance!!

EDIT : pour la première partie, ajoutez http, il y a une fonction PHP que je ne sais pas traduire en javascript: 

 function addhttp($url) { if (!preg_match("~^(?:f|ht)tps?://~i", $url)) { $url = "http://" . $url; } return $url; }

Voulez-vous que ce soit backend ou frontend? Vous dites que vous en avez besoin dans le backend, mais question est uniquement marquée avec jQuery. En outre, vous devriez faire cette vérification est backend indépendamment, puisque les utilisateurs peuvent éventuellement contourner javascript 

 if(url.substr(0,7) != 'http://'){ url = 'http://' + url; } if(url.substr(url.length-1, 1) != '/'){ url = url + '/'; }

MISE À JOUR: Oups! .. mal interprété votre question. Utilisez-le uniquement si vous souhaitez vérifier la dernière barre oblique de l’URL.

Peut-être essayez-vous d’append une barre oblique à la fin de votre regex: 

  if(/^([az]([az]|\d|\+|-|\.)*):(\/\/(((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([az]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?\/$/i.test(url)) { var final_url = ""; final_url = url; } else { alert("URL is not valid"); }