Comment vérifier une URL saisie dans mon formulaire ?

Version imprimable

26/10/2007, 18h09
cdevl32

Comment vérifier une URL saisie dans mon formulaire ?

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.
26/10/2007, 18h12
Kerod

Tu veux vérifier après soumission du formulaire ou avant ?
26/10/2007, 18h28
cdevl32

Avant l'envoi une fois qu'il quitte la zone
26/10/2007, 18h42
Kerod
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:

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 ;)
26/10/2007, 19h06
cdevl32

sorry je comprend pas trop :?
26/10/2007, 19h13
Shinuza

Code:

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

Avec ou sans www :mrgreen:
Y'a peut être mieux, en tout cas, ça fonctionne :aie:
27/10/2007, 15h39
cdevl32

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.
27/10/2007, 15h53
Kerod

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

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

form.html

Code:

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:

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");
 
?>

28/10/2007, 00h30
Kerod

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:

<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.
28/10/2007, 15h46
cdevl32

Bonjour,

Je n'y arrive tj pas :?

Merci quand même de votre aide.

Bonne journée.

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

Code:

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>

28/10/2007, 18h14
cdevl32

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

merci
28/10/2007, 18h20
Kerod

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

Je l'ajoute comment dans ma ligne le OnBlur ?

Code:

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