Ir para conteúdo

POWERED BY:

Arquivado

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

thiaguerd

[Resolvido] Alterar propriedade type de um botão

Por , em Javascript

Recommended Posts

thiaguerd    0

thiaguerd
Postado 

<script type="text/javascript">
	function digitando(){
		if(document.formLogin.email.value != "" && document.formLogin.senha.value != "" ){
			document.getElementById('botao').type = "submit"
		}
	}
</script>
<title></title>
</head>
<body>

</head>


<body>
<form name="formLogin" method="post" action="">
    <input type="text" name="email" id="email" onKeyUp="digitando();">
    <input type="text" name="senha" id="senha" onKeyUp="digitando();">
    <input type="button" name="botao" id="botao" value="logar">
</form>
</body>
com 

document.getElementById('botao').atributo
eu mudo por exemplo o "value" mas não mudo o "type" do botão

não sei mais o que fazer

alguem pode me ajudar ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiaguerd    0

thiaguerd
Postado

usando:

document.getElementById('botao').type='submit';
e:

document.form1.'botao'.type='submit';
funfa em todos os navegadores que eu testei

eu sempre testo tudo que eu faço em 6 navegadores diferentes

esse código só não funciona no internet explorer

qual o meio a seguir para que no IE eu tenha o fim desejado ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiaguerd    0

thiaguerd
Postado

Meu desejo era que um formulário não fosse enviado até que todos os campos, no caso login e senha fossem preenchidos, eu imaginei primeiramente que o tipo de botão originalmente fosse “button” e que o evento “onKeyUp” tanto de login e senha chama-se uma função que checaria se os campos estão preenchidos, se sim altera o tipo do botão para submit, se não permanece como “button”, porém eu não consegui alterar o tipo do botão no IE, eu pedi ajuda para um xará meu, e ele me fez crer que alterar o tipo do botão não seria uma boa prática, eu já tinha um método que checava se os campos haviam sido preenchidos, eu adicionei um “return true” se os campos estão preenchidos, e “false” se os campos não estão preenchidos, e este método é chamado ao clicar no botão de enviar o formulário, que por sua vez possui o tipo constante, se alguém tiver uma duvida sobre isso, e eu poder ajudar, é só me procurar.

Grato a todos

Compartilhar este post

Link para o post
Compartilhar em outros sites

RPBS    0

RPBS
Postado

Acho que você poderia tentar fazer isso usando jQuery. Vou dar uma procurada aqui, para ver se acho algo a respeito.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Mas você pode fazer a verificação somente após submeter o formulário ao invés de utilizar com o onkeypress. Neste caso, utilizaria o onsubmit.

 

Exemplo:

function check()
{

    if(document.getElementById('login').value == '')
    {
        alert('Informe o login');
        return false;
    }

    [ demais verificações ]

}
E no HTML:

<form action="pagina.php" method="post" onsubmit="return check();">

Com jQuery ficaria assim:

$('form').submit(function()
{

    if($('input#login').val() == '')
    {
        alert('Informe o login');
        return false;
    }

    [ demais verificações ]

}
E no HTML:

<form action="pagina.php" method="post">

Enfim, não importa o método que irá escolher, o fato é que não precisa se preocupar em alterar o tipo do botão. Se nenhuma das opções acima for a que deseja, então passe a trabalhar com o atributo disabled no botão...

 

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

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