Desabilitar campos de formulario

[dunga007]

Hola, tengo un formulario que lo que deseo es, cuando pulsen el boton enviar se deabiliten todos los campos, pero lo que sucede es que solo se me desabilita el primer campo con este codigo:

en el form llamo a la funcion con onsubmit.

la funcion es:

Código HTML:

function checkSubmit() {
           document.getElementById("swich").disabled = true;
          return true;
      }

y todos los inputs tienen de id swich. Alguien podria develar este misterio y decirme que es lo que estoy haciendo mal. Gracias!

[lubtufano]

El 'id' debe ser exclusivo para un elemento y no se puede repetir, es por eso que solo se desabilita el primer campo de texto. Te sugiero que pruebes la siguiente funcion llamandola tambien com onSubmit.

Código Javascript:

function desabilitar()
{
var formulario= document.getElementById('frm');
var campos= formulario.getElementsByTagName('input');
for(i=0; i<campos.length; i++)
{
    var entrada= campos[i];
    if(entrada.getAttribute('type').indexOf('text')!=-1)
    entrada.disabled=true;
}
}
 

Como puedes ver es necesario agregar el atributo 'id' a <fomr>.

[dunga007]

Perfecto lubtufano, gracias por tu ayuda, una ultima pregunta, deseo que al enviar el formulario se muestre un preload, mientras se envia, una imagen gif, nada complicado, no lo hago con ajax xq el formulario tiene para enviar un archivo adjunto y ajax no lo somporta, se puede hacer esto con javascript?, me gustaria que el formulario se replaze por este preload que te comento, cualquier ayuda sera bienvenida. Gracias!!