Buenas
orharo2003
Me gustaría ayudarte.
Primero, te recomiendo que para obtener los elementos (campos) del formulario lo hagas asi:
El la definicion de cada campo agrega el atributo id
Código:
<input type="text" name="campo" id="campo">
Luego, para llamarlo lo haces asi:
Código:
document.getElementById('campo').readOnly=true
A primera vista no hay diferencias, pero cuando necesites manejar datos de más de un formulario en una misma pagina, te ahorras el trabajo de tener que recordar de que formulario provienen los campos, tambien en el caso de que agregues o quites un formulario, te queda menos codigo que cambiar.
Ahora referente a lo del ReadOnly, te permite cambiar porque no ha perdido el enfoque. Lo que debes hacer es tirar el foco del cursor a otro campo del formulario:
Código:
document.getElementById('campo_2').focus()
Con eso solucionas el problema.
Saludos