Restringir caracteres en una caja de texto

[Sicofrat]

Hola foreros,

Tengo un pequeño problemilla, tengo poca o ninguna idea de JavaScript y se me ha asignado una tarea que para mi a priori requiere de dificultad.

Tengo un componente CajaTexto que fue creado por unos arquitectos hace tiempo y el problema es que se les ha encontrado un problema cuando se inserta " <! " pega un castañazo porque lo confunde con código HTML (o eso creo).

Mi idea en principio es la de impedir que el usuario introduzca esos 2 caracteres asi que a ver si alguien tiene idea y me lo puede poner clarito (como pa tontos).

Un saludo y gracias a todos

[Legoltaz]

Código javascript:

<form name="frm">
<input name="inp" onkeyup="valida()" />
</form>
<script>
function v(){
    for(var i = 0;i < document.frm.inp.value.length;i++){
        if(document.frm.inp.value.charAt(i) == '<!'){// si encuentra en el textbox <!
            document.frm.inp.value = ''; // borra su contenido
        }
    }
}
</script>
 

[Sicofrat]

Ok gracias por el codigo, funciona perfectamente, lo unico que me gustaria, si fuese posible que no te deje insertar esos caracteres en vez de que te haga la validacion una vez insertada la cadena.

Gracias

[David]

En ese caso puedes usar el evento onkeypress y comprobar si la tecla pulsada es la que no se quiere permitir, y si así es cancelar la acción de la tecla.

[Legoltaz]

A ver si esto te sirve:

Código javascript:

<script>
function v(){
    var area = document.forms['frm']['area'];
    for(var i = 0;i < area.value.length;i++){
        if(area.value.charAt(i) == '<' || area.value.charAt(i) == '!'){
            area.value = area.value.substring(0,i);
        }
    }
}
</script>
 

Código html:

<form name="frm">
<textarea name="area" onkeyup="v()"></textarea>
</form>
 

[David]

Yo sigo opinando que es mejor usar el onkeypress y cancelar la acción del evento. Porque de la forma como propones, Legoltaz, si te sitúas en el medio y escribes los caracteres no permitidos se borra el resto de la cadena, podría solucionarse concatenando el resto del contenido, pero nuevamente habría que posicionar el cursor a su lugar correcto, o sea, mucho trabajo .

EDITO: Además de lo que comentó buzu (hola ), otro choque en el día .

[buzu]

Un pequeño gran problema con tu código legoltaz.

Usas un loop cada vez que se presiona una tecla.

Que hacer en este caso?

1)Especificar al usuario que el caracter no está permitido, mas del 50% de tus usuarios no lo usará y si lo hace, al menos sabrá por que no se imprime. De otro modo estará intentando usarlo sin que se imprima y se frustrará.

2)No compares el valor del campo de texto, compara el valor de la tecla presionada, así te evitas usar el loop y le haces el trabajo mas sencillo al ordenador.

La sugerencia de David el Grande es mas eficiente en este caso que la proporcionada por legoltaz.

[buzu]

Chocamos David....

[Sicofrat]

Bien hay va la solucion por la que opte:

var code = event.keyCode ? event.keyCode : event.charCode;
var tecla = String.fromCharCode(code);

if (tecla == '<' || tecla == '!'){
event.returnValue = false;
return false;
}

Este fragmento de codigo lo inserte en una funcion que se evaluava siempre del componente (lo mas eficiente hubiese sido crearme una funcion nueva relacionada como bien habeis dicho con el onKeyPress pero si hacia eso tendria que generar la dll donde están los controles).

Ahora lanzo otra pregunta al aire. He insertado este cógido en otro componente pensado que funcionaria perfertamente pero cual es mi sorpresa cuando veo que en vez de cogerme el caracter "<" me cogia una a minuscula con un gorrito (Cod ASCII 226) y cuando insertaba el caracter "!" me cogia un "1".

¿Alguien sabe a que se puede deber eso?.

Un saludo.

PSD: Gracias por vuestra ayuda y opiniones.

[David]

Yo he probado usando el onkeypress en IE, Firefox y Opera y funcionó sin problemas.

[buzu]

Quizá sea tu teclado jajajaja