JavaScript - habilitar un div dependiendo de una condicion

function validar () {

 if (document.getElementById("campo1").value!='') {

	document.getElementById('capa1').style.display='block';

 }

}

<input name="campo1" type="text" id="campo1"  readonly="readonly" onclick="validar()" /></td>

<script>

function validar () {

console.log(document.getElementById("campo1").value);

 if (document.getElementById("campo1").value!='') {

	document.getElementById('capa1').style.display='block';

 }

}

</script>

<input name="campo1" type="text" id="campo1" onclick="validar();">

<div id="capa1" style="display:none">......</div>