Vérifier URL entrée dans un input à la volée (Ajax inside ?)

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par milkiway, 2 Avril 2010.

Tags:
  1. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 197
    J'aime reçus:
    0
    Salut,

    J'ai un champ input :
    Code:
    <input type="text" class="input_text_metas" name="url" value="http://www." />
    Et je voudrais que lorsque la personne a fini de taper l'URL, un message s'affiche : soit OK l'adresse est bonne (elle est valide et/ou car le site est joignable) ou PAS OK.

    Auriez vous une idée de comment procéder ? Je débute totalement en JS/Ajax, la seule chose que je sais gérer c'est un onclick pour faire aparaître un <div> :mrgreen:

    Merci
     
    #1 milkiway, 2 Avril 2010
  2. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    "OK" pour une URL c'est assez vague. Le mieux est probablement de faire un lien "tester l'adresse" qui ouvre l'URL en question dans pop-up.

    Sinon tu peux toujours faire un coup de xmlhttprequest, mais a part te dire qu'il y a une erreur (genre domaine inexistant, 404...) ça ne veut pas forcément dire que l'adresse est vraiment "exacte" (juste qu'elle aboutit "quelque part").

    Suivant ce que tu préfères on pourra t'orienter.

    Jacques.
     
    #2 jcaron, 2 Avril 2010
  3. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 197
    J'aime reçus:
    0
    Merci Jacques.

    Ma préférence irait à ceci :
    Input vide, on ne dit rien
    On tape l'URL.
    Quand inactivité d'une seconde, le script teste.
    S'il tombe sur une page (si pas de 404) => affiche "OK".

    J'ai déjà vu ça sur le web mais je ne sais plus où.
     
    #3 milkiway, 2 Avril 2010
  4. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    Ben c'est pas si évident que ça, parce que XMLHttpRequest ne te permet pas de consulter des URLs en dehors d'un autre domaine.

    Le "hack" consiste généralement à mettre un petit iframe invisible, essayer de charger l'URL dedans, et voir si ça a marché, mais je ne sais pas si c'est vraiment très portable tout ça (i.e. si ça va facilement marcher avec tous les navigateurs et dans tous les cas de figure).

    L'autre option consiste à ce que ce soit ton serveur qui vérifie (i.e. il y a un appel XMLHttpRequest dans le JS côté client qui appelle un script sur le serveur en lui passant l'URL, ce script vérifie que l'URL est accessible, et répond en conséquence). Pas très compliqué en principe, mais ça me paraît un peu risqué parce que ça veut dire qu'on peut utiliser ton serveur pour aller faire des choses chez quelqu'un d'autre, c'est pas forcément super sûr si tu n'imposes pas quelques limites (au moins sur le format de l'URL)...

    Jacques.
     
    #4 jcaron, 2 Avril 2010
  5. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 197
    J'aime reçus:
    0
    8O Ok
    Je vois que ça dépasse mon niveau technique actuel, je demanderai à l'utilisateur de bien faire attention :mrgreen:
    Merci en tout cas, je ferai une vérification JS sur la composition du texte fourni, ça ira très bien.
     
    #5 milkiway, 2 Avril 2010
  6. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    L'option du lien qui ouvre une fenêtre avec l'adresse donnée pour la vérifier n'est pas forcément à exclure... Quelque chose comme:

    onclick="window.open(document.getElementById('url').value); return 0;"

    Jacques.
     
    #6 jcaron, 2 Avril 2010
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - Vérifier entrée input Forum Date
[SQL]Verifier la presence d'une entrée dans plusieurs tables Développement d'un site Web ou d'une appli mobile 20 Août 2008
Alternative à semrush pour vérifier les backlinks toxiques ? Netlinking, backlinks, liens et redirections 17 Avril 2022
Campagne Facebook Ads : vérifier la diffusion Instagram Facebook 11 Mars 2022
Vérifier si plusieurs images ont le même poids Développement d'un site Web ou d'une appli mobile 13 Mai 2020
Comment vérifier qu'un CDN est bien actif sur un site et fonctionne bien ? Administration d'un site Web 5 Février 2020
Pigiste/freelance vérifier les articles pour le Duplicate Content Débuter en référencement 17 Juillet 2019
Vérifier la position du mot clé en france Référencement Google 18 Avril 2018
Vérifier les annonces adsense AdSense 31 Décembre 2017
Outils pour vérifier une rédaction ? Rédaction web et référencement 8 Mars 2017
Attaque de negative seo, comment vérifier et s'en prémunir ? Quels recours légaux ? Débuter en référencement 23 Septembre 2015
Quel(s) outil(s) pour vérifier qu'on ne fait pas de contenu dupliqué ? Débuter en référencement 31 Juillet 2015
Comment vérifier une redirection 301 avec et sans www Débuter en référencement 30 Juillet 2015
Verifier le duplicate contente sur mon site Débuter en référencement 25 Juillet 2015
Vérifier le fruit de son travail (SEO Référencement naturel) Débuter en référencement 4 Mai 2015
aidez moi à verifier si mes articles sont dupliqués Débuter en référencement 22 Février 2015
PDO Comment vérifier le SQL d'une Requête ??? Développement d'un site Web ou d'une appli mobile 4 Février 2015
Comment vérifier les redirections 301 avant mise en ligne d'un site en refonte Netlinking, backlinks, liens et redirections 4 Juin 2014
Vérifier le nombre de clics Développement d'un site Web ou d'une appli mobile 13 Novembre 2013
Vérifier la position de son site sur des mots clés Référencement Google 17 Janvier 2013
verifier les valeurs sur un foreach Développement d'un site Web ou d'une appli mobile 11 Octobre 2012