Discussion :

[NapsterVB]

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
<div class="form-row">
	<script type="text/javascript">
                function getfile(){
                    document.getElementById('hiddenfile').click();
                    document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
                }
                function getfile2(){
                    document.getElementById('hiddenfile2').click();
                    document.getElementById('selectedfile2').value=document.getElementById('hiddenfile2').value
                }
        </script>
	<input id="hiddenfile" multiple="multiple" name="piecejointe1" style="display:none" type="file" required="" accept="application/pdf"/>
	<input class="btn" onclick="getfile()" type="button" value="Charger le Formulaire .DZ en PDF" name="piesa1"/> 
	<input id="hiddenfile2" multiple="multiple" name="piecejointe2" style="display:none" type="file" required="" accept="application/pdf"/> 
	<input class="btn" onclick="getfile2()" type="button" value="Charger le RC en PDF " name="piesa2"/> 
	<input class="btn" id="submit" name="submit" type="submit" value="Envoyer" />
</div>

le Balise input avec le type file est en hidden , est le message d'erreur s'affiche mais en caché , comment faire pour l'afficher sans que le boutton parcourir apparaitre ?

[Watilin]

le message d'erreur s'affiche mais en caché

Quel message d’erreur ? Comment tu sais qu’il y en a un ? Et que veux-tu dire par « en caché » ?

[Loralina]

Bonjour,
Je pense qu'il veut dire que le message d'erreur est celui relatif à l'attribut "required".
A la validation du formulaire, l'élément étant caché, si sa valeur n'est pas renseignée, le message d'erreur pourrait effectivement ne pas apparaître.
Au niveau des solutions, peut-être :
1) Ne pas cacher avec "display:none".
2) Positionner les "input file" en absolu sous les boutons.
3) Essayer : "visibility:hidden" ou "opacity:0" ou un masquage avec un rectangle de largeur 0.
Autrement, vous pouvez aussi afficher vos propres messages d'erreur.