Hola, tengo un formulario y cuando digito los datos del primer campo y presiono enter, éstos desaparecen.
<script type="text/javascript">
window.onload = function() {
document.form1.texApellidos.disabled=true;
document.form1.butCancelar.disabled=true;
document.form1.butGuardar.disabled=true;
document.form1.texNombres.disabled=true;
document.form1.texCorreo.disabled=true;
document.form1.texPuntaje.disabled=true;
document.form1.butEditar.disabled=true;
document.form1.butBorrar.disabled=true;
document.form1.texCedula.focus();
}
function validarCedula(e) {
tecla = (document.all)?e.keyCode:e.which;
if (tecla==8 || tecla==0){
return true;
}
patron = /([0-9\.])/;
te = String.fromCharCode(tecla);
return patron.test(te);
}
function activar(e) {
var keyCode = e.which || e.keyCode;
if (keyCode == 13){
document.form1.butEditar.disabled=false;
document.form1.butCancelar.disabled=false;
document.form1.butCancelar.focus();
return false;
}else{
return true;
}
}
function reiniciar(){
document.getElementById('texNombres').value = " ";
document.getElementById('texApellidos').value=" ";
document.getElementById('texCedula').value=" ";
document.getElementById('texCorreo').value=" ";
document.getElementById('mensaje_nombres').innerHT ML = "";
document.getElementById('mensaje_apellidos').inner HTML = "";
document.form1.texApellidos.disabled = true;
document.form1.texNombres.disabled = true;
document.form1.texCorreo.disabled = true;
document.form1.texPuntaje.disabled = true;
document.form1.butGuardar.disabled = true;
document.form1.butBorrar.disabled = true;
//document.form1.butCancelar.disabled = true;
//document.form1.butEditar.disabled = true;
document.form1.texCedula.focus();
}
function validar(idcampo, mensaje) {
var cadena = document.getElementById(idcampo).value;
var exp_reg = /^[a-z\s\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no, y espacios en blanco
var verifica = exp_reg.test(cadena);
if (verifica == true){
document.getElementById(mensaje).innerHTML = "Correcto";
}else {
document.getElementById(mensaje).innerHTML = "Incorrecto";
return false;
}
}
</script>
</head>
<body>
<p>Mostrar trabajador</p>
<form id="form1" name="form1" method="get" action="">
<p>Cedula </p>
<p>
<label>
<input type="text" name="texCedula" id="texCedula" onKeyPress="return validarCedula(event)" value="" onkeydown="activar(event);"/>
</label>
</p>
<p>Nombres</p>
<p>
<input type="text" name="texNombres" id="texNombres" value="" onkeyup="validar(this.id,'mensaje_nombres');"/>
<span id="mensaje_nombres"></span>
</p>
<p>Apellidos</p>
<p>
<input type="text" name="texApellidos" id="texApellidos" value="" onkeyup="validar(this.id,'mensaje_apellidos');"/>
<span id="mensaje_apellidos"></span>
</p>
<p>Correo</p>
<p>
<input type="text" name="texCorreo" id="texCorreo" value="" />
</p>
<p>Puntaje</p>
<p>
<input type="text" name="texPuntaje" id="texPuntaje" onKeyPress="return validarNumero(event)" value=""/>
</p>
<p>
<label>
<input type="button" name="butEditar" id="butEditar" value="Editar" />
</label>
<label>
<input type="button" name="butBorrar" id="butBorrar" value="Borrar" />
</label>
<label>
<input type="button" name="butGuardar" id="butGuardar" value="Guardar" />
</label>
</label>
<input type="button" name="butCancelar" id="butCancelar" value="Borrar" onclick="reiniciar();"/>
</label>
</p>
</form>
<p> </p>
<p> </p>
</body>