De un formulario HTML
sin poderlo tocar, dependemos de programar un .js en Javascript.
Disponemos de varios campos input
en los cuales se debe controlar la introducción de información correcta (sólo letras en campos como nombre o apellidos, y solo números en CP).
¿Cómo podría tranformarse éste código retocado en HTML a un código sin tocar el HTML? Me explico.
Primera forma. HTML editable + JS:
<input type="text" name="nombre" id="idnombre" size="20" onKeyPress="return soloLetras(event);" onKeyUp="javascript:this.value=this.value.toUpperCase();">
<input type="text" name="apellidos" id="idapellidos" size="40" onKeyPress="return soloLetras(event);">
function soloLetras(e){
var key = e.keyCode || e.which;
var tecla = String.fromCharCode(key).toLowerCase();
var letras = " áéíóúabcdefghijklmnñopqrstuvwxyz";
var especiales = "8-37-39-46";
var tecla_especial = false
for(var i in especiales){
if(key == especiales[i]){
tecla_especial = true;
break;
}
}
if(letras.indexOf(tecla) == -1 && !tecla_especial){
return false;
}
}
Segunda forma. HTML NO editable + JS:
<input type="text" name="nombre" id="idnombre" size="20">
<input type="text" name="apellidos" id="idapellidos" size="40">
¿Dónde tengo el error?
window.onload = function(){
miformulario.nombre.addEventListener("keypress", function(){
return soloLetras(event);
}, false);
miformulario.nombre.addEventListener("keyup", function(){
this.value = this.value.toUpperCase();
}, false);
miformulario.apellidos.addEventListener("keypress", function(){
return soloLetras(event);
}, false);
}
onkeyup
en vez deonkeypress
. ¿Has probado a hacerlo con HTML5? No entiendo algunas expresiones como "De un formulario HTML sin poderlo tocar".