Bonsoir à tous et à toutes, 

Pour résumer, je souhaite, grâce à un formulaire, qu'on sélectionne une activité (ça, ça marche), et qu'on insère un lien (URL) dans un input.

Ce lien peut être au format"https://lesite.fr", "https://www.lesite.fr", "www.lesite.fr" ou "lesite.fr".

Y a t-il un moyen, via le required pattern probablement, de faire en sorte que l'utilisateur soit restreint à ces 4 possibilités svp ?

Voici la partie URL du formulaire :

<div class="input-group mb-3">
   <label for="basic-url">Entrez un nom de domaine valide (et sécurisé : https://...) :</label>
      <input class="form-control" name="siteweb" 
             placeholder="https://www.monsite.fr, www.monsite.fr, monsite.fr..." value="" 
             required pattern=""
             title="L'URL doit être valide et sécurisé (https://...)">
      <span class="validity"></span>
</div>

Et voici en photo pour voir à quoi cela ressemble :

Si jamais vous avez besoin de plus de détails, n'hésitez pas à me demander !

Merci d'avance pour votre aide !

Bonne soirée.

-
Edité par PetiteFlamme31 20 juin 2018 à 23:30:40

Ce n'est pas du PHP ni même côté serveur ...

^(https://)?(www\.)?lesite\.fr ?

Pour la fiabilité, il faudrait au moins le faire côté serveur.

Pour l'UX, du JS et/ou côté serveur.

-
Edité par julp 20 juin 2018 à 23:41:55

Bonjour,

déjà, "required" et "pattern" sont deux attributs différents

Ce dont tu parles c'est en HTML, ça fait partie d'HTML5 et les API qui gravitent autour. Ensuite, un input de type "url" n'est-il pas déjà censé faire ce que tu cherches ? (et bien entendu il faut doubler cette vérification côté serveur, puisque tout ce qui est côté client peut être contourné)

Merci beaucoup pour vos réponses !

En effet vous avez raison je me suis peut être trompé de catégorie car cela concerne plus le HTML... 

Excusez-moi.

En ce qui concerne l'expression régulière, j'en ai testé une qui fonctionne plutôt bien :

required pattern="/^(?:https:\/\/)?(?:(?!-))(?:xn--)?[a-z0-9][a-z0-9-_]{0,255}[a-z0-9]{0,1}\.?[a-z0-9][a-z0-9-_]{0,61}[a-z0-9]{0,1}\.(?:xn--)?(?:[a-z0-9\-]{1,61}|[a-z0-9-]{1,30}\.[a-z]{2,})$/"

Mis dans un required patern, comme l'a dit @Lamecarlate, ceci fait partit des API gravitant autour du HTML5.

-
Edité par PetiteFlamme31 21 juin 2018 à 10:32:35

C'est "pattern" tout court, disais-je. "required" est un autre attribut, qui indique que le champ doit être rempli.

Et as-tu testé un input de type "url", sans pattern ? Normalement ça fait ce que tu veux tout seul.

A oui vous avez raison :D.

Oui le champ url ne me convient pas car si je tape https://lesite.fr ça ne fonctionne pas, et pour d'autre format aussi ce n'est pas pris en compte..

Merci beaucoup pour ce lien je ne connaissais pas, super !

Merci pour vos aides, bonne continuation à tous ;).