Comment vérifier une URL saisie dans mon formulaire ?

**cdevl32** · 26/10/2007, 18h09

Bonjour,

J'ai un formulaire tout simple en html et qui est valider par un fichier .php, je voudrais savoir comment fait on pour vérifier dans la zone URL si l'adresse entrée par le visiteur est correct ?

Merci à vous

Bon Wekk-end.

**Kerod** · 26/10/2007, 18h12

Tu veux vérifier après soumission du formulaire ou avant ?

**cdevl32** · 26/10/2007, 18h28

Avant l'envoi une fois qu'il quitte la zone

**Kerod** · 26/10/2007, 18h42

Dans ce cas tu dois utiliser des expressions régulières en JavaScript.

Tu dois définir un format d'url que tu acceptes et ensuite tu utilises les méthodes qui sont des l'exemple :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var assertion = document.getElementById('url).value;
var resultat = assertion.search(/^[-+.\w]{1,64}@[-.\w]{1,64}\.[-.\w]{2,6}$/i);

Actuellement l'expression régulière de mon exemple recherche juste les e-mail. A toi d'adapter

**cdevl32** · 26/10/2007, 19h06

sorry je comprend pas trop

**Shinuza** · 26/10/2007, 19h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"http://lol.com".search(/^(http:\/\/(www)?.[^\s]{1,128}\.[^\s]{3,4})/)

Avec ou sans www

Y'a peut être mieux, en tout cas, ça fonctionne

**cdevl32** · 27/10/2007, 15h39

Bonjour,

Désoler j'ai essayer sa ne fonctionne tj pas.
Serait il possible d' avoir un petit exemple afin que je puisse controler si tous les champs de mon formulaire soit controler ( champs : nom, prenom, mail, URL ... ) svp ?

merci à vous.

Bonne journée.

**Kerod** · 27/10/2007, 15h53

Donne ton code qu'on voit ce qui ne va pas

**cdevl32** · 27/10/2007, 23h12

Voici mon code form.html et le validaterform.php:
Le validaterform renvoi toutes les infos du formulaire dans mon Mail.

form.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
  <form method="post" action="validerform.php">                
<table>
 
<tr><td>Votre nom </td><td><input name='nom' type='text' size='30'></td></tr>
<tr><td>Votre pr&eacute;nom </td><td><input name='prenom' type='text' size='30'></td></tr>
<tr><td>Votre URL</td><td><input name="url" type="text" size="50" value="http://"></td></tr>    
<tr><td>Titre</td><td><input name='slogan' type='text' size='50'></td></tr>    
<tr><td>Votre e-mail</td><td><input name='mail' type='text' size='50'></td></tr>    
 
<tr><td>Catégorie</td><td>    
<select name="categorie" style="color: black"><br>    
    <option>Faites votre choix</option>                
    <option>test </option>
             <option>xxxxxxxxxx</option>
</select>
 
<tr><td>Commentaire</td><td><textarea name='texte' cols='50' rows='8'></textarea></td></tr>
<tr><td><input type="reset" value="Annuler"></td><td>
<input type="submit" value="Envoyer"></td></tr>   
 
</table>
</form>

validaterform.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<?php
$TO = "adresse@hotmail.com";
 
$h  = "From: " . $TO;
 
$message = "";
 
while (list($key, $val) = each($_POST)) {
  $message .= "$key : $val\n";
}
 
mail($TO, $subject, $message, $h);
 
Header("Location:http://www.monsite.com/merci.html"); //attention indiquer ici l adresse comme ce si : Header("Location: http://www.monsite.com/merci.html");
 
?>

**Kerod** · 28/10/2007, 00h30

Alors pour que le code que l'on t'a donné fonctionne il faut que tu rajoutes au input contenant l'url un id. Par exemple : url

Ensuite il faut que tu définisses ta fonction qui contiendra le code que l'on t'a donné avant. Enfin tu choisies la méthode de vérification. Soit sur le clic du bouton du formulaire ou autre.

alors petit exemple avec le input :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="url" id="url" />

pour tester je te propose d'utiliser un button qui contiendra au onclick la fonction que tu auras créé pour vérifier le champ url.

**cdevl32** · 28/10/2007, 15h46

Bonjour,

Je n'y arrive tj pas

Merci quand même de votre aide.

Bonne journée.

**Kerod** · 28/10/2007, 17h56

En utilisant le masque donné par Shinuza voici un exemple qui fonctionne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<!-- Date de création: 28/10/2007 -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title></title>
  <script type="text/javascript">
    function verifier()
    {
         var assertion = document.getElementById('url').value;
        var resultat = assertion.search(/^(http:\/\/(www)?.[^\s]{1,128}\.[^\s]{3,4})/);
        if(resultat == -1)        
            alert('ce n\'est pas une adresse');     
        else
            alert('Ca correspond à une adresse');
    }
  </script>
</head>
<body>
       <input type="text" value="" id="url" name="url">     
       <input type="button" onclick="verifier()">
</body>
</html>

**cdevl32** · 28/10/2007, 18h14

Merci sa fonctionne et si je veu le faire quand il quitte la zone pas sur un bouton, comment dois je faire ?

merci

**Kerod** · 28/10/2007, 18h20

onBlur : perte de focus de l'élément de saisie.

**cdevl32** · 28/10/2007, 18h32

Je l'ajoute comment dans ma ligne le OnBlur ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<tr><td>Votre URL</td><td><input name="url" type="text" size="50" value="http://" id="url"></td></tr>

Comment vérifier une URL saisie dans mon formulaire ?

JavaScript

Discussions similaires

Partager

Partager