Delimitar una caja de texto

[zeuzft]

lo que quiero hacer es lo siguiente; en mi caja de texto quiero que solo puedan ingresar hasta 200 caracteres; si llega a ingresar esos 200; la caja de texto debe quedar inhabilitada; lo mas que puedo llegar es a esto; alguna ayuda por favor:

<input type='text' name='texto1' class='form' onKeyup="javascript:if(this.value.length==200) readonly"></input>

[zerokilled]

readonly es la propiedad pero no le estas indicando la referencia al textbox. y por ultimo, readonly te devuelve un boolean indicando si el campo es readonly o no, tienes que asignarle true para hacerlo readonly.

por otro lado, ¿no crees que es mas conveniente usar el atributo maxlength?

[zeuzft]

quedaria mas o menos asi:

<input type='text' name='texto1' class='form' onKeyup="javascript:if(this.value.length==200) document.form11.texto1.readonly=true"></input>

claro tienes razon con respecto a lo de maxlength me habia olvidado de ese atributo; igual gracias por la ayuda.

[zerokilled]

document.form11.texto1.readonly=true

esa linea la puedes reducir con this tal como lo usas en el condicional.

Código:

this.readOnly=true

se me paso por alto que el atributo readonly se escribe readOnly en javascript.

[zeuzft]

Gracias zerokilled; funciona la prefeccion; lo unico que le agregue fue el false; ya que sino no se podría borrar.

onKeyup="javascript:if(this.value.length==3){ this.readOnly=true} else {this.readOnly=false}

Zerokilled; una pregunta mas; como podria hacer para un replace de caracteres especiales en mozilla; es decir que me reemplaze las letras con tile ej.: á,é.....por caracteres normales a,e........y la letra ñ supongo que se cambiara por n; y por ultimo el simbolo de ''; ya que esos simbolos me dan varios problemas la momento de cargar mis modalbox; gran parte del codigo no se ejecuta.

[zerokilled]

estoy seguro que debe existir otra alternativa mejor basandose en algun algoritmo del unicode pero no logro hacer uno.

Código:

function latinchar(latin, english){
var chars = {};
for(var i = 0; i < latin.length; i++)
chars[latin.charAt(i)] =  english.charAt(i);
return chars;
}
var charset = latinchar('áéíóúñÁÉÍÓÚÑ"', 'aeiounAEIOUN');

'áéíóúñÁÉÍÓÚÑ"'.replace(/[áéíóúñÁÉÍÓÚÑ"]/g, function(match){
return charset[match];
})

[eits]

prueba con esto

Código javascript:

function checar(valor){
    if(valor.value.length == 3){// el 3 lo cambias por el numero que quieras
        document.getElementById(valor.id).readOnly=true;
    }
}
 

y para usarlo

Código html:

<input type="text" name="text" id="text" onkeyup="checar(this);" />
 

saludos