buenos dias quisiera saber si existe la posibilidad de cuando se este utilizando el código para adjuntar archivos pueda validar que solo sean de extension pdf en el momento que el usuario le de clic a examinar o colocar alguna validacion de cualquier tipo antes de hacer submit a mi pagina, no me gusta que fuera despues porque tendria que estar controlando la información de los demas objetos para que no los pierda el codigo es el siguiente:
<script type="text/javascript">
var numero = 0;
// Funciones comunes
c= function (tag) { // Crea un elemento
return document.createElement(tag);
}
d = function (id) { // Retorna un elemento en base al id
return document.getElementById(id);
}
e = function (evt) { // Retorna el evento
return (!evt) ? event : evt;
}
f = function (evt) { // Retorna el objeto que genera el evento
return evt.srcElement ? evt.srcElement : evt.target;
}
addField = function () {
document.getElementById('etiqueta').style.display = "none";
container = d('files');
span = c('SPAN');
span.className = 'file';
span.id = 'file' + (++numero);
field = c('INPUT');
field.name = 'archivos[1]';
field.type = 'file';
field.size = '5';
a = c('A');
a.name = span.id;
a.href = '#';
a.onclick = removeField;
a.innerHTML = 'Quitar';
span.appendChild(field);
span.appendChild(a);
container.appendChild(span);
}
removeField = function (evt) {
document.getElementById('etiqueta').style.display = "inline";
lnk = f(e(evt));
span = d(lnk.name);
span.parentNode.removeChild(span);
}
<html>
<dl>
<dt><label id="etiqueta" style="display:inline;" href="#" onclick="addField()" accesskey="5">Agregar Archivo</label></dt>
<dd><div id="files"></div></dd>
</dl>
</html>