restringir maxlength de um campo text

[pazeto 0]

Olá a todos!

 

Eu queria saber se é possivel um exemplo de script que restrinja um campo text para apenas 6 caracteres.

 

Eu tenho um campo select no formulário, quando a pessoa escolher a opção nesse campo o script vai restringir um campo text para ser digitado apenas 6 caracteres.

O script não deve exibir mensagem, apenas restringir o maxlength do campo e a pessoa não conseguir digitar mais que a quantidade determinada de caractere.

 

Quem puder ajudar, desde já obrigado.

[William Bruno 1501]

<input type="text" name="tal" value="" maxlength="6" />

não entendi direito..

você quer alterar o maxlength com Javascript ?

 

acesse esse atributo HTML... normalmente.. .maxlength

Como tentou fazer ?

[pazeto 0]

<input type="text" name="tal" value="" maxlength="6" />

não entendi direito..

você quer alterar o maxlength com Javascript ?

 

acesse esse atributo HTML... normalmente.. .maxlength

Como tentou fazer ?

 

Sim, extamente isso, restringir com javascript.

Eu tenho um campo select com 3 opções para pessoa escolher, cada opção que a pessoa escolher o campo text deve ser limitado ao um numero definido de caracteres.

 

Exemplo:

 

Se a pessoa escolher A no select ele chama a função em javascript que vai restingir um campo type="text" em no máximo 6 digitos.

Se a pessoa escolher B o script restringe o mesmo campo para 15 digitos.

 

O script não deve exibir nenhum alert para a pessoa, somente não deixar o campo passar do numero definido de digitos.

[Thiago Retondar 18]

Testa aí:

 

JavaScript

window.onload = function(){ //Chama a função
	changeChar("changeMax", "char", "optionChar");
};
function changeChar(formId, inputTarget, selectName){
	var form = document.getElementById(formId); //Pega o ID do formulário
	var input = document.getElementsByName(inputTarget)[0]; //Pega o name do input type="text"
	var select = document.getElementsByName(selectName)[0]; //Pega o select
	
	select.onchange = function(){ //Toda vez que o valor do select for mudado, faça
		input.maxLength = parseInt(this.value); //O atributo maxLength do input vai ser mudado de acordo com o value do select 
		if(input.value.length >= this.value) input.value =  input.value.substring(0, parseInt(this.value)); //Este IF é para retirar caracteres que sobram
	}
}

HTML

<form action="" id="changeMax">
	<select name="optionChar">
		<option value="3">Três</option>
		<option value="6">Seis</option>
		<option value="9">Nove</option>
	</select>
	<input type="text" name="char" maxlength="3" />
</form>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif