Discussion :

[geeka]

Bonjour,
Pour clarifier la question, j'ai un champ pays et un champ numéro de téléphone, à chaque fois que je sélectionne le pays j'ai automatiquement l'indicatif dans mon champ tél. Le problème c'est que l'indicatif est pris en compte comme étant un numéro de téléphone, comment faire pour que l'indicatif ne soit pas pris en compte comme étant un champ rempli ?



Merci

[NoSmoking]

Bonjour,
je pense qu'il faut que tu nous montres ton code pour aider à la compréhension.

[autran]

je serais assez d'accord, car je ne comprends pas si tu souhaites exclure l'indicatif du numéro final

[geeka]

Merci pour vos réponses.
Voici mon code :

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
22
23
24
25
26
27
28
29
30
31
32
<!-- Pays -->
<select id="countrySelect" name="country" onchange="check()">
	<?php
                $reponse = $bdd->query('SELECT * FROM pays'); 
                echo '<OPTION value="FR" selected="selected">France</OPTION>';
                while ($donnees = $reponse->fetch(PDO::FETCH_ASSOC))
                   { 
                       echo '<OPTION VALUE="'.$donnees["id_pays"].'" INDICATIF="'.$donnees["code_pays"].'"> '.$donnees["pays"].' </OPTION>';                                                                                                       
                    } 
                ?>
</select>
<!-- Téléphone -->
<input type="tel" name="tel_struct" id="tel_struct" placeholder="Téléphone générique">
<script>
setIndicatif = function(element)
{
    var indicatif = $(element).find('option:selected').attr('indicatif') ; 
        if (indicatif == undefined ) {
                $('#tel_struct').val('+(33) ');  
                
        }
        else{
                $('#tel_struct').val('+('+indicatif+') ');  
                
        }
}       
setIndicatif($('#country'));
 
$('#countrySelect').on('change', function() {
    setIndicatif(this);
});
</script>

Je souhaite que l'indicatif apparaisse toujours mais qu'il ne soit pas enregistré comme étant un bon numéro de téléphone. En fait, je n'ai pas de condition sur la syntaxe du numéro de téléphone à part qu'il est obligatoire, mais avant d'écrire une condition, je souhaiterais que l'indicatif ne fasse pas partie du numéro de téléphone, qu'il soit juste concaténé avec celui-ci pour l'enregistrement, ainsi si je n'écris rien = seul l'indicatif apparait, je dois avoir une erreur comme quoi le numéro de téléphone n'a pas été saisi.
EDIT :
voilà le rendu visuel :

Le champ numéro de téléphone est en vert alors que le numéro de téléphone n'est pas saisi, le +(33) est donc enregistré !!
Avez-vous une idée de comment régler le problème ?
Merci

[autran]

il manque les 3 quarts de ton code mais bon.....
pourquoi ne pas utiliser le pattern associé a un imput type=tel pour faire le controle de format

[geeka]

Dans mon code j'ai juste voulu mettre les champs pays et téléphone, c'est là où se trouve le problème exactement.

pourquoi ne pas utiliser le pattern associé a un imput type=tel pour faire le controle de format

C'est une bonne idée, je ne connaissais ce nouvel attribut de HTML 5.
J'ai essayé de mettre ça dans mon code (par exp il faut mettre 3 lettres pour que ce soit correct) :

Code :

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

1
2
3
4
5
<form action="traitement_formulaire.php" method="post" id="sky-form" class="sky-form">
<input type="tel" name="tel_struct" id="tel_struct" placeholder="Téléphone générique" pattern="[A-Za-z]{3}">
<button type="submit" class="button" name="valider">Valider</button>
<!-- -->
</form>

Mais, cela ne fonctionne pas à cause de id="sky-form" de la balise <form>,je l'utilise pour faire des contrôles en Javascript, c'est ce qui gène, le problème maintenant c'est que si je l'enlève je perds mes contrôles javascript attribués à l'id sky-form.