Discussion :

[bdptaki]

Bonsoir, j'ai essayer de cherche un peu partout mais je ne trouve pas de solution.

Je voudrais savoir si c'est possible dans un input faire un filtre :

Code :

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

 Date   : <INPUT TYPE="texte" NAME="Date" SIZE="50">

Je voudrai mettre un filtre de date du stille : JJ/MM/AAAA

??

Si c'est possible est-ce que qqun aurait une solution ?

[Deallyra]

oui, solution en tant que langage serveur ^^
comme le php par exemple.

en ce cas, aucun problème.
En html, il me semble en effet avoir entendu parlé de filtre date au niveau de l'url mais je ne pourrais en dire plus.

[Cornholio]

Bonjour,

Ou sinon tu peux appeler une fonction javascript une fois qu'on a quitté l'input qui vérifiera que la valeur saisie est bien de la forme JJ/MM/AAAA.

Dans ton cas, pourquoi pas ça :

Code :

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
<script type="text/javascript">
function dateJJMMAAAA(textBox){
        // On récupère la valeur saisie
        var taDate = textBox.value;
        
        // Si elle est nulle on sort de la fonction
        if (taDate.length == 0 ){
                return true;
        }
        
        // On verifie le format, si il est mauvais on informe
        var filtre=/^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/;
        if (!filtre.test(taDate)) {
                alert("Entrez la date au format JJ/MM/AAAA !"); 
                setTimeout(function() { textBox.focus(); }, 10);
                return false; 
        } 
        return true;
}
</script>
<INPUT TYPE="texte" NAME="Date" SIZE="50" onblur="dateJJMMAAAA(this)">

[Deallyra]

il faut éviter le javascript si possible ^^

à cause des baka qui désactive ce dernier.
Sauf si tu fais un site mono-poste ou pour ton entreprise et que de base, le JS est activé et que l'utilisateur ne peux plus y toucher

[rberthou]

Personnellement j'utilise un code javascript basé sur celui de DHTMLGoodies pour réaliser cela
une fois le script ajouté dans ta page il suffit de définir ta zone avec un format dans le style

Code :

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

1
2
 
<input mask="dd-mm-yyyy" TYPE="texte" NAME="Date" SIZE="10" maxlength="10">

De plus ces contrôles sont doublés sur le serveur .

Un exemple du code javascript en question avec téléchargement)
http://www.berthou.com/fr/2007/11/23/formulaire-dhtml/