Funcion Bloquear/desbloquear boton en Javascript no funciona en Chrome

Hola a todos, gracias por leer.

Tengo un sistema de pedidos, que al hacer click en el boton SUBMIT bloquea(deshabilita) el boton para evitar multiples clicks del usuario y duplicar los pedidos.

Este es el proceso que sigo:
1. bloqueo el boton
2. Hago una serie de validaciones para ver que todos los campos esten llenos.
- SI: si todo está correcto, guarda los datos del pedido en la BD y pasa a la siguiente pagina. Aqui finaliza el proceso.
- NO: vuelve a HABILITAR el boton para permitir al usuario llenar los campos que faltan y se repite el paso 1.

En firefox funciona de maravilla. Pero lo pruebo en Chrome e IE. Y el error es que una vez todos los campos llenos, se queda en esta pagina y no avanza.


Me pregunto si será tema de compatibilidad, la verdad esto nunca me habia pasado.
Agradezco cualquier informacion.

Este es el codigo de la funcion:

function blockSubmitButton(){
document.getElementById("buttonSubmit").disabled= true;
}

function unlockSubmitButton(){
document.getElementById("buttonSubmit").disabled= false;
}



este es el segmento donde las mando a llamar:

function validateform(){
blockSubmitButton();
var msg="";
if (this.document.forms[0]['component'].value == ''){
msg=msg + '\nPlease the field: "Activity" must be selected';
}
if (this.document.forms[0]['status_whiteboard'].value == ''){
msg=msg + '\nPlease the field: "Lines Requested" must have a value';
}

if(msg != ""){
unlockSubmitButton();
alert("The request can't be submitted because the following reasons:\n" + msg);
return false;
}


return true;
}

mira la consola de Chrome, para que nos puedas decir el error si no, no vamos a poder ver