Tenho uma página de cadastro que contém diversas div's dentro de um único form.
<form name="cadastro" method="post" action="EmpresaServlet">
<div id="1">
Vários inputs aqui dentro, com validação através do SpryValidation
<input onclick="showdiv('sim','1','2'); return false" type="button" id="botao" class="button" value="Próximo" />
</div>
<div id="2">
Vários inputs aqui dentro, com validação através do SpryValidation
<input onclick="showdiv('sim','1','2'); return false" type="button" id="botao" class="button" value="Anterior" />
<input onclick="showdiv('sim','2','3'); return false" type="button" id="botao" class="button" value="Próximo" />
</div>
<div id="3">
Vários inputs aqui dentro, com validação através do SpryValidation
<input onclick="showdiv('sim','2','3'); return false" type="button" id="botao" class="button" value="Anterior" />
<!-- Esse é o único submit do form, que postará todas as div's e fará a validação de todos os campos de todas as div's ->
<input class="button" type="submit" value="Salvar" name="salvar"/>
</div>
</form>
Esse é o JS para exibir/ esconder as div's:
function showdiv(ativar,id1,id2)
{ var A=document.getElementById(id1);
var B=document.getElementById(id2);
if(ativar=='sim')
{
B.style.display = 'block';
A.style.display= 'none';
}
else
{
A.style.display = 'block';
B.style.display= 'none';
}
}
A minha dúvida é: Consigo validar todos os campos com o submit no final, mas não consigo jogar o foco no campo que está com erro, quando há um erro no cadastro.
Existe alguma propriedade do Spry, onde seja possível setar o foco para o campo com erro?
Obrigado!!!