validacion - ¿Cómo hacer un campo de entrada de solo lectura con JavaScript?
validar formulario javascript html5 (6)
Sé que puedes agregar readonly="readonly" a un campo de entrada por lo que no es editable. Pero necesito usar javascript para apuntar a la identificación de la entrada y hacerla de solo lectura ya que no tengo acceso al código del formulario (se genera a través del software de marketing)
No quiero deshabilitar la entrada, ya que los datos deben recopilarse en el envío.
Aquí está la página que he agregado en la sugerencia a continuación, sin suerte hasta el momento:
Asegúrese de utilizar <body onload="onLoadBody();"> para cualquiera que use esto en el futuro.
Aquí tienes un ejemplo de cómo configurar el atributo de solo lectura:
<form action="demo_form.asp">
Country: <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Las respuestas anteriores no funcionaron para mí. Lo siguiente hace: document.getElementById("input_field_id").setAttribute("readonly", true);
Y para eliminar el atributo readonly: document.getElementById("input_field_id").removeAttribute("readonly");
Y para ejecutar cuando la página está cargada, vale la pena consultar here .
Prueba esto :
document.getElementById(<element_ID>).readOnly=true;
Puede obtener el elemento de entrada y luego establecer su propiedad readOnly en true siguiente manera:
document.getElementById(''InputFieldID'').readOnly = true;
Específicamente, esto es lo que quieres:
<script type="text/javascript">
function onLoadBody() {
document.getElementById(''control_EMAIL'').readOnly = true;
}
</script>
Llame a esta función onLoadBody() en la etiqueta de cuerpo como:
<body onload="onLoadBody">
Ver demostración: jsfiddle .
document.getElementById("").readOnly = true
document.getElementById(''TextBoxID'').readOnly = true; //to enable readonly
document.getElementById(''TextBoxID'').readOnly = false; //to disable readonly