Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jrotta

aparecer submit depois de preencher imputs

Por , em Javascript

Recommended Posts

jrotta    0

jrotta
Postado

preciso de um código que faça só aparecer o botão submit depois que o campo nome e o campo senha tiver mais de 3 caracteres. alguem pode ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

RobertoPC    0

RobertoPC
Postado

Assim:

 

<html>
<body>

<script type="text/javascript">

	function HabilitaSubmit(form){
	
		if((form.nome.value.length > 3)&&(form.senha.value.length > 3)){
		
			form.submit.disabled = "";

		}else{
	
			form.submit.disabled = "disabled";

		}

	}

</script>

<form>

	<input type="editbox" name="nome" onblur="javascript:HabilitaSubmit(this.form)">

	<input type="editbox" name="senha" onblur="javascript:HabilitaSubmit(this.form)">

	<input type="submit" name="submit" value="Enviar" disabled="disabled">

</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

darkult    0

darkult
Postado

ah cara vlw ai. EU queria mesmo que o botão não aparecer, mas isso eu mesmo faço aqui =)

 

Use assim:

<html>
<body>

<script type="text/javascript">

        function HabilitaSubmit(){
        
                if((document.getElementById("nome").value.length > 3)&&(document.getElementById("senha").value.length > 3)){
                
                        document.getElementById("submit").innerHTML = '<input type="submit" name="submit" value="Enviar" disabled="disabled">';

                }else{
        
                        document.getElementById("submit").innerHTML = "";

                }

        }

</script>

<form>

        <input type="editbox" name="nome" id="name" onblur="HabilitaSubmit()">

        <input type="editbox" name="senha" id="senha" onblur="HabilitaSubmit()">

        <span id="submit"></span>

</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito