Bonjour,
j'ai tourner le truc dans tout les sens mais impossible de la faire fonctionner..
Le but c'est de tester sur un formulaire si l'utilisateur entre un numéro de téléphone correct:
- Commence par 0 (suivi immédiatement d'un chiffre entre 0 et 7)
- Maximum de 10 chiffres
- Uniquement des chiffres
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <tr> <td><label for="num">Entrez votre Téléphone: </label></td> <td><input label type="text" name="Tel" id="num" maxlength=10 onkeyup="checkNum(this.value);" placeholder="Téléphone portable" required/></td> <td><span id="confirmeNum" class="confirmeNum"></span></td> </tr>
Code js : 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
25
26
27
28
29
30 function checkNum() { var num = document.getElementById('num'); var message = document.getElementById('confirmeNum'); var vert = "#06E98E"; var rouge = "#FE0101"; var none = ""; var valide=/^0[1-7]\d{8}$/; if(valide.test(num)) { num.style.backgroundColor = vert; message.style.color = vert; message.innerHTML = "Numéro Correct!"; } else { num.style.backgroundColor = rouge; message.style.color = rouge; message.innerHTML = "Numéro Incorrect!"; } if(num.value == "" ) { num.style.backgroundColor = none; message.style.color = none; message.innerHTML = ""; } }
Merci d'avance pour votre aide!
Partager