Botão Cadastrar desabilitado "se"!

[klethonio 0]

Olá!

Tenho uma pagina de cadastro e quero saber se é possivel fazer isso... Por exemplo, exitem campos de confirmar senha e confirmar e-mail, e usei uma fuction para avisar que estao diferentes, segue abaixo...

Existe alguma forma de desabilitar o botao de cadastro caso os campos estejam diferentes?

 

Outra pergunta de quebra: Caso eu coloque as senha iguais e depois mude a de cima, a de baixo fica como certa, tem como fazer as duas se co-relacionarem?

 

<script LANGUAGE="JavaScript">
function verificare(){
	senha = document.getElementById("senha").value;
	resenha = document.getElementById("resenha").value;
	if (senha == resenha){
		mostrare.innerHTML = '<font color="#00FF00">✓</font>';
	}else{
		mostrare.innerHTML = '<font color="#FF0000">As Senhas estão diferentes!</font>';
	}
}
</script>

<form><input size="17" class="inputc" name="senha" type="password" id="senha" maxlength="12">

<input size="17" class="inputc" name="resenha" type="password" id="resenha" onkeyup="javascript:verificare();" maxlength="12"><spam id="mostrare"></spam>

<input type="Submit" class="buttons" name="Submit" value="Cadastrar"></form>

[ignoredxyz 17]

<script LANGUAGE="JavaScript">

var reverify = false;

function verificare() {

senha = document.getElementById("senha").value;

resenha = document.getElementById("resenha").value;

if (senha == resenha){

document.getElementById("btn-submit").removeAttribute("disabled");

mostrare.innerHTML = '<font color="#00FF00">✓</font>';

} else {

document.getElementById("btn-submit").setAttribute("disabled", "disabled");

mostrare.innerHTML = '<font color="#FF0000">As Senhas estão diferentes!</font>';

}

reverify = true;

}

</script>

 

 

<form>

<input size="17" class="inputc" name="senha" type="password" id="senha" maxlength="12" onkeyup="if(reverify) verificare();" />

 

 

<input size="17" class="inputc" name="resenha" type="password" id="resenha" onkeyup="verificare();" maxlength="12"><span id="mostrare"></span>

 

 

<input type="Submit" id="btn-submit" class="buttons" name="Submit" value="Cadastrar">

</form>

[klethonio 0]

Cara, fucionou muito bem, muito obrigado, alias, so que com um porem..

 

Como eu ja tinha falado, se eu digitar as duas senhas e iguais e depois digitar a de cima diferente, o aviso da confirmação fica como se estivessem iguais, ai o botão fica habilitado.. :upset: :upset: :upset:

 

@EDIT

 

Bom, resolvi de um jeito, muito simples..

<input placeholder="Sua Senha" size="17" class="inputc" name="senha" type="password" id="senha" onblur="javascript:verifica();" onkeyup="javascript:verificare();" maxlength="12">

Desculpa pela vergonha!