Estou tentando fazer uma validação em um campo de e-mail, eu até "consigo" fazer, mas não está 100% funcional, eu gostaria de cancelar o botão com o atributo disabled, até o usuario colocar uma e-mail válido, consigo o cancelamento do botão, mas quando digito o e-mail correto ele não volta.
Input e botão
<div>
<input value="Digite seu e-mail" onclick="this.value=='Digite seu e-mail'?this.value='':''" onblur="this.value==''?this.value='Digite seu e-mail':''" type="text" name="email" id="newsletter" title="Assine nossa newsletter" class="input-text required-entry validate-email input-news validatex"/>
</div>
<button type="submit" class="button btn-inline news-button" id="validatex"><span>Enviar</span></button>
Função
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function validatex() {
if (validateEmail(email)) {
$j('#validatex').removeAttr('disabled');
$j("#newsletter").css("background", "none");
return true;
} else {
$j("#newsletter").css("background", "url(../../skin/frontend/ultimo/default/images/icon-erro.png) no-repeat 330px #fff");
$j('#validatex').attr('disabled', 'disabled');
return false;
}
}
$j(".validatex").bind("blur", validatex);
$j("#validatex").bind("click", validatex);