11521 sujets

JavaScript, DOM et API Web HTML5

Message d'erreur type file

Bonjour,
j'ai créer un formulaire qui 4 champs :
2 champ input avec type=file qui sont caché,
est 2 champs input de type=button sont affiché .
c'est pour stylisé la classe btn de bootstrap .
j'ai effectuer une verification avec AJAX pour les champs de type file . mais comme sont en hidden les messages d'erreurs s'affiche pas ! car les champs input type=file sont caché .
enfaite je voulais les afficher dans les champs de type button .
a noter que le message d'erreur s'affiche quand le champ est visible. 

<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>
Bonjour.

Sauf erreur de ma part, un élément en 'display : none' n'existe pas pour le navigateur. Il est de ce fait normal qu'il ne soit pas pris en compte.

Smiley smile
Bonjour,

Je suis du même avis de Zelena, c'est ce qu'on appelle le sortir du flux.


Pourquoi en lieu et place ne pas l'envoyer sur orbite ?
.pret_au_decollage {
position: absolute;
top: -9999rem;
}


Sinon moins courant mais tout aussi efficace, l'envoyer en enfer
.r.i.p {
position: absolute;
bottom: -666666666rem;/* hé oui, c'est loin l'enfer */
}


Vous pourriez aussi lui faire passer l'arme à gauche
.looser {
position: absolute;
left: -9999rem;
}


Et même créer des duos Smiley lol
Modifié par Greg_Lumiere (14 Feb 2017 - 14:30)
Sujet clos
Aller à