Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola Boa noite,
Estou com umas duvidas de como resolver um problema de validação com SPRY para o sistema que estou desenvolvendo para o meu projeto final e gostaria de saber se poderiam me ajudar na validação com spry de um formulário que criei, onde eu queria desativar a validação de alguns campos ocultos dentro de uma DIV do formulário quando o checkbox "Adicionar outro responsável" na aba responsável estiver desmarcada, pois ao tentar enviar o formulário ele tenta validar campos que estão ocultos e que se o usuário clicar no checkbox eles são apresentados e informa que os campos não foram preenchidos devido a validação, porém se a opção de "Adicionar outro responsável" estiver marcada esses campos devem ser preenchidos e validados e se desmarcada não deve ser solicitada a validação.
Segue o link do formulário que estou com a duvidas.
http://www.pequenoencanto.net/netschool2/index.php?action=page&task=cadAluno
Segue o código do formulário e a validação esta dentro de cada div oculta.
<!-- DADOS CADASTRAIS ALUNO -->
<div>
<script type="text/javascript">
function mostraondealuno()document.getElementById('onde_estudou').style.display=" block";
}
function escondeondealuno()document.getElementById('onde_estudou').style.display=" none";
}
function mostraprobaluno()document.getElementById('prob_saude_aluno').style.display=" block";
}
function escondeprobaluno()document.getElementById('prob_saude_aluno').style.display=" none";
}
function mostraplanosaude()document.getElementById('plano_saude_aluno').style.display=" block";
}
function escondeplanosaude()document.getElementById('plano_saude_aluno').style.display=" none";
}
function mostraalergico()document.getElementById('alergia_aluno').style.display=" block";
}
function escondealergico()document.getElementById('alergia_aluno').style.display=" none";
}
function mostraanorenovacao()document.getElementById('ano_renovacao_aluno').style.display=" block";
}
function escondeanorenovacao()document.getElementById('ano_renovacao_aluno').style.display=" none";
}
</script>
<h1>Cadastro Aluno</h1>
<form id="form" name="form" method="post" action="">
<div id="tabAluno" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Dados Aluno (a)</li>
<li class="TabbedPanelsTab" tabindex="0">Dados Responsáveis<br />
</li>
<li class="TabbedPanelsTab" tabindex="0">Documentação<br />
</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<p> </p> <TBODY>
<TR>
<TD colspan="7" class="Tituloformulario">Dados do(a) Aluno(a)</TD>
</TR>
</tbody>
<TBODY>
<TR>
<TD width="29"></td>
<TD width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Nome:</td>
<td colspan="3"><span id="dados_nm_aluno"> <label for="nmAluno"></label>
<input name="nmAluno" type="text" id="nmAluno"
onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" size="80" maxlength="50" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigátorio!</span></span></td>
</tr>
<tr>
<td class="TxtC">Data de Nascimento:</td>
<td width="32%"><span id="dados_dtnasc_aluno"> <label
for="dtNascimento"></label> <input type="text" name="dtNascimento"
id="dtNascimento" size="18" /> <span class="textfieldValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="textfieldRequiredMsg">Campo Obrigátorio!</span><span
class="textfieldInvalidFormatMsg">Data inválida (Ex.: 15/11/1982)</span></span></td>
<td width="18%" class="TxtC">Turma Ano:</td>
<td width="35%"><span id="dados_ano_turma_aluno"> <label
for="anoTurma"></label> <select name="anoTurma" id="anoTurma">
<option selected="selected">Escolha uma opção</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Naturalidade:</td>
<td><span id="dados_natur_aluno"> <label for="natur_aluno3"></label>
<input type="text" name="naturalidade" id="naturalidade"
onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" size="18" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigátorio!</span></span></td>
<td class="TxtC">Turno:</td>
<td width="35%"><span id="dados_turno_aluno"> <label for="anoTurma"></label>
<select name="turno" id="turno">
<option selected="selected">Escolha uma opção</option>
<option value="M">Matutino</option>
<option value="N">Noturno</option>
<option value="V">Vespertino</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Telefone:</td>
<td><span id="dados_tel_aluno"> <label for="fone"></label> <input
type="text" name="fone" id="fone" size="18" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido.</span></span></td>
<td class="TxtC">Série:</td>
<td><span id="dados_serie_aluno"> <label for="serie"></label> <select
name="serie" id="serie">
<option selected="selected">Escolha uma opção</option>
<option value="1º">1º</option>
<option value="2º">2º</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Sexo:</td>
<td><span id="od_sexo_aluno"> <label class="TxtE"> <input
type="radio" name="sexo" value="Masculino" id="sexo_aluno_0" />
Masculino</label> <label class="TxtE"> <input type="radio"
name="sexo" value="Feminino" id="sexo_aluno_1" /> Feminino</label>
<span class="radioValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span><br />
<span class="radioRequiredMsg">Escolha uma opção.</span></span></td>
<td class="TxtC">Turma:</td>
<td><span id="dados_turma_aluno"> <label for="turma"></label> <select
name="turma" id="turma">
<option selected="selected">Escolha uma opção</option>
<option value="Turma A">Turma A</option>
<option value="Turma B">Turma B</option>
<option value="Turma C">Turma C</option>
<option value="Turma D">Turma D</option>
<option value="Turma E">Turma E</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Etnia:</td>
<td><span id="dados_etnia_aluno"> <label for="etnia"></label> <select
name="etnia" id="etnia">
<option selected="selected">Escolha uma opção</option>
<option value="Não Informado">Não Informado</option>
<option value="Afro-brasileiro">Afro-brasileiro</option>
<option value="Asiático">Asiático</option>
<option value="Caucasiano">Caucasiano</option>
<option value="Hispânico/Latino">Hispânico/Latino</option>
<option value="Indigena">Indigena</option>
<option value="Multiétnico">Multiétnico</option>
<option value="Outros">Outros</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
<td class="TxtC">Cor:</td>
<td><span id="dados_cor_aluno"> <label for="cor"></label> <select
name="cor" id="cor">
<option selected="selected">Escolha uma opção</option>
<option value="Não Informado">Não Informado</option>
<option value="Negro">Negro</option>
<option value="Branco">Branco</option>
<option value="Amarelo">Amarelo</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD colspan="5"> </TD>
</TR>
</TBODY>
</TABLE>
<p> </p>
<p> </p> <tbody>
<tr>
<td colspan="7" class="Tituloformulario">Informações</td>
</tr>
</tbody>
<tbody>
<tr>
<td width="29"> </td>
<td width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Peso:</td>
<td width="35%"><span id="od_peso_aluno"> <label for="peso"></label>
<input type="text" name="peso" id="peso" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td width="14%" class="TxtC">Medida:</td>
<td width="36%"><span id="od_mediada_aluno"> <label for="mediada"></label>
<input type="text" name="mediada" id="mediada" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
</tr>
<tr>
<td class="TxtC">Transporte Escolar:</td>
<td><span id="od_transp_aluno"> <label class="TxtE"> <input
type="radio" name="transporte_aluno" value="Sim"
id="transporte_aluno_0" /> Sim</label> <label class="TxtE"> <input
type="radio" name="transporte_aluno" value="Não"
id="transporte_aluno_1" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span></td>
<td class="TxtC">Alérgico:</td>
<td><span id="od_alergico_aluno"> <label class="TxtE"> <input
type="radio" name="alergico_aluno" value="Sim"
id="alergico_aluno_0" onclick="mostraalergico()" /> Sim</label> <label
class="TxtE"> <input type="radio" name="alergico_aluno"
value="Não" id="alergico_aluno_1" onclick="escondealergico()" />
Não</label> <span class="radioValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<span class="radioRequiredMsg">Escolha uma opção.</span></span> <label
id="alergia_aluno" for="qtd" style="display: none" class="TxtE">Qual?
<input type="text" id="alergia_aluno" /> </label></td>
</tr>
<tr>
<td class="TxtC">Plano de Sáude:</td>
<td><span id="od_plano_Saude"> <label class="TxtE"> <input
type="radio" name="plano_saude_aluno" value="Sim"
id="plano_saude_aluno_0" onclick="mostraplanosaude()" /> Sim</label>
<label class="TxtE"> <input type="radio" name="plano_saude_aluno"
value="Não" id="plano_saude_aluno_1"
onclick="escondeplanosaude()" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span> <label id="plano_saude_aluno" for="qtd3"
style="display: none" class="TxtE">Qual? <input type="text"
id="plano_saude_aluno" /> </label></td>
<td class="TxtC">Problemas de Saúde:</td>
<td><span id="od_saude_aluno"> <label class="TxtE"> <input
type="radio" name="saude_aluno" value="Sim" id="saude_aluno_0"
onClick="mostraprobaluno()" /> Sim</label> <label class="TxtE"> <input
type="radio" name="saude_aluno" value="Não" id="saude_aluno_1"
onClick="escondeprobaluno()" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span> <label id="prob_saude_aluno" for="qtd"
style="display: none" class="TxtE">Qual? <input type="text"
id="prob_saude_aluno" /></label></td>
</tr>
<tr>
<td height="21" class="TxtC">Já estudou:</td>
<td><span id="od_estudou_aluno"> <label class="TxtE"> <input
type="radio" name="estudou_aluno" value="Sim" id="estudou_aluno_0"
onclick="mostraondealuno()" /> Sim</label> <label class="TxtE"> <input
type="radio" name="estudou_aluno" value="Não"
id="estudou_aluno_1" onclick="escondeondealuno()" /> Não</label>
<span class="radioValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="radioRequiredMsg">Escolha uma opção.</span></span> <label
id="onde_estudou" for="qtd4" style="display: none" class="TxtE">Onde?
<input type="text" id="onde_estudou" /> </label></td>
<td class="TxtC">Renovação:</td>
<td><span id="od_renovacao_aluno"> <label class="TxtE"> <input
type="radio" name="renovacao_aluno" value="Sim"
id="renovacao_aluno_0" onclick="mostraanorenovacao()" /> Sim</label>
<label class="TxtE"> <input type="radio" name="renovacao_aluno"
value="Não" id="renovacao_aluno_1"
onclick="escondeanorenovacao()" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span> <label id="ano_renovacao_aluno"
for="qtd" style="display: none" class="TxtE">Ano que estudou? <input
type="text" id="ano_renovacao_aluno" /></label></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="13" colspan="5"> </td>
</tr>
</tbody>
</table>
<p> </p>
</div>
<div class="TabbedPanelsContent">
<p> </p> <TBODY>
<TR>
<TD colspan="7" class="Tituloformulario">Dados do Responsável - 1/3</TD>
</TR>
<TBODY>
<TR>
<TD width="29">
<TD width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Nome:</td>
<td colspan="3"><span id="nm_resp1"> <label for="nmResp"></label>
<input name="nmResp" type="text" id="nmResp"
onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" size="80" maxlength="50" />
<span class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
</tr>
<tr>
<td class="TxtC">RG:</td>
<td width="31%"><span id="rg_resp1"> <label for="rgResp"></label>
<input type="text" name="rgResp" id="rgResp"
onkeypress="return Onlynumbers(event)" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td width="18%" class="TxtC">CPF:</td>
<td width="36%"><span id="cpf_resp1"> <label for="cpfResp"></label>
<input name="cpfResp" type="text" id="cpfResp" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">CPF Inválido.</span></span></td>
</tr>
<tr>
<td class="TxtC">Local de Trabalho:</td>
<td><span id="localtrab_resp1"> <label for=""></label>
<input name="LocalTrabalhoResp" type="text"
id="LocalTrabalhoResp"
onkeypress="return Onlychars(event)" onkeyup="mascara( this, toUpper )" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td class="TxtC">Profissão:</td>
<td><span id="profissao_resp1"> <label for="ProfissaoResp"></label>
<select name="ProfissaoResp" id="ProfissaoResp">
<option selected="selected">Escolha uma opção </option>
<option value="Lavador de carro">Lavador de carro</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Telefone Comecial:</td>
<td><span id="telcom_resp1"> <label
for="FoneComercialResp"></label> <input type="text"
name="FoneComercialResp" id="FoneComercialResp" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
<td class="TxtC">Celular:</td>
<td><span id="celular_resp1"> <label for="celularResp"></label>
<input type="text" name="celularResp" id="celularResp" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
</tr>
<tr>
<td class="TxtC">Grau Parentesco:</td>
<td><span id="parentesco_resp1">
<label for="ParentescoResp"></label>
<select name="ParentescoResp" id="ParentescoResp">
<option selected="selected">Escolha uma opção</option>
<option value="3">Avó</option>
<option value="4">Avô</option>
<option value="1">Mãe</option>
<option value="2">Pai</option>
<option value="7">Representante Legal</option>
<option value="5">Tia</option>
<option value="6">Tio</option>
</select>
<span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
<td class="TxtC"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" class="TxtC">Adicionar outro responsável:
<input type="checkbox" name="resp2" id="resp2" /></td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD colspan="5"> </TD>
</TR>
</TBODY>
</TABLE>
<div id="responsavel2" style="display: none;">
<p> </p>
<p> </p> <TBODY>
<TR>
<TD colspan="7" class="Tituloformulario">Dados do Responsável - 2/3</TD>
</TR>
<TBODY>
<TR>
<TD width="29">
<TD width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Nome:</td>
<td colspan="3"><span id="nm_resp2"> <label for="nmResp2"></label>
<input name="nmResp2" type="text" id="nmResp2"
onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" size="80" maxlength="50" />
<span class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
</tr>
<tr>
<td class="TxtC">RG:</td>
<td width="31%"><span id="rg_resp2"> <label for="rgResp2"></label>
<input type="text" name="rgResp2" id="rgResp2"
onkeypress="return Onlynumbers(event)" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td width="18%" class="TxtC">CPF:</td>
<td width="36%"><span id="cpf_resp2"> <label for="cpfResp2"></label>
<input name="cpfResp2" type="text" id="cpfResp2" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">CPF Inválido.</span></span></td>
</tr>
<tr>
<td class="TxtC">Local de Trabalho:</td>
<td><span id="localtrab_resp2"> <label for=""></label>
<input type="text" name="LocalTrabalhoResp2"
id="LocalTrabalhoResp2" onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td class="TxtC">Profissão:</td>
<td><span id="profissao_resp2"> <label for="ProfissaoResp2"></label>
<select name="ProfissaoResp2" id="ProfissaoResp2">
<option selected="selected">Escolha uma opção </option>
<option value="Lavador de carro">Lavador de carro</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Telefone Comecial:</td>
<td><span id="telcom_resp2"> <label
for="FoneComercialResp"></label> <input type="text"
name="FoneComercialResp2" id="FoneComercialResp2" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
<td class="TxtC">Celular:</td>
<td><span id="celular_resp2"> <label for="celularResp2"></label>
<input type="text" name="celularResp2" id="celularResp2" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
</tr>
<tr>
<td class="TxtC">Grau Parentesco:</td>
<td><span id="parentesco_resp2">
<label for="ParentescoResp2"></label>
<select name="ParentescoResp2" id="ParentescoResp2">
<option selected="selected">Escolha uma opção</option>
<option value="3">Avó</option>
<option value="4">Avô</option>
<option value="1">Mãe</option>
<option value="2">Pai</option>
<option value="7">Representante Legal</option>
<option value="5">Tia</option>
<option value="6">Tio</option>
</select>
<span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
<td class="TxtC"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" class="TxtC">Adicionar outro responsável:
<input type="checkbox" name="resp3" id="resp3" /></td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD colspan="5"> </TD>
</TR>
</TBODY>
<script type="text/javascript">var nm_resp2 = new Spry.Widget.ValidationTextField("nm_resp2", "none", {validateOn:["blur"]});
var rg_resp2 = new Spry.Widget.ValidationTextField("rg_resp2", "none", {validateOn:["blur"]});
var cpf_resp2 = new Spry.Widget.ValidationTextField("cpf_resp2", "custom", {pattern:"000.000.000-00", validateOn:["blur"], format:"cpf", useCharacterMasking:true});
var localtrab_resp2 = new Spry.Widget.ValidationTextField("localtrab_resp2", "none", {validateOn:["blur"]});
var telcom_resp2 = new Spry.Widget.ValidationTextField("telcom_resp2", "phone_number", {format:"phone_custom", pattern:"(00) 0000-0000", useCharacterMasking:true, validateOn:["blur"]});
var celular_resp2 = new Spry.Widget.ValidationTextField("celular_resp2", "phone_number", {validateOn:["blur"], format:"phone_custom", useCharacterMasking:true, pattern:"(00) 0000-0000"});
var profissao_resp2 = new Spry.Widget.ValidationSelect("profissao_resp2", {validateOn:["blur"]});
var parentesco_resp2 = new Spry.Widget.ValidationSelect("parentesco_resp2", {validateOn:["blur"]});</script>
</TABLE>
</div>
<div id="responsavel3" style="display: none;" >
<p> </p>
<p> </p> <TBODY>
<TR>
<TD colspan="7" class="Tituloformulario">Dados do Responsável - 3/3</TD>
</TR>
<TBODY>
<TR>
<TD width="29">
<TD width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Nome:</td>
<td colspan="3"><span id="nm_resp3"> <label for="nmResp3"></label>
<input name="nmResp3" type="text" id="nmResp3"
onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" size="80" maxlength="50" />
<span class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
</tr>
<tr>
<td class="TxtC">RG:</td>
<td width="31%"><span id="rg_resp3"> <label for="rgResp3"></label>
<input type="text" name="rgResp3" id="rgResp3"
onkeypress="return Onlynumbers(event)" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td width="18%" class="TxtC">CPF:</td>
<td width="36%"><span id="cpf_resp3"> <label for="cpfResp3"></label>
<input name="cpfResp3" type="text" id="cpfResp3" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">CPF Inválido.</span></span></td>
</tr>
<tr>
<td class="TxtC">Local de Trabalho:</td>
<td><span id="localtrab_resp3"> <label for=""></label>
<input type="text" name="LocalTrabalhoResp3"
id="LocalTrabalhoResp3" onkeyup="mascara( this, toUpper )"
onkeypress="return Onlychars(event)" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td class="TxtC">Profissão:</td>
<td><span id="profissao_resp3"> <label for="ProfissaoResp3"></label>
<select name="ProfissaoResp3" id="ProfissaoResp3">
<option selected="selected">Escolha uma opção </option>
<option value="Lavador de carro">Lavador de carro</option>
</select> <span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
</tr>
<tr>
<td class="TxtC">Telefone Comecial:</td>
<td><span id="telcom_resp3"> <label
for="FoneComercialResp3"></label> <input type="text"
name="FoneComercialResp3" id="FoneComercialResp3" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
<td class="TxtC">Celular:</td>
<td><span id="celular_resp3"> <label for="celularResp3"></label>
<input type="text" name="celularResp3" id="celularResp3" /> <span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Telefone Inválido!</span></span></td>
</tr>
<tr>
<td class="TxtC">Grau Parentesco:</td>
<td><span id="parentesco_resp3">
<label for="ParentescoResp3"></label>
<select name="ParentescoResp3" id="ParentescoResp3">
<option selected="selected">Escolha uma opção</option>
<option value="3">Avó</option>
<option value="4">Avô</option>
<option value="1">Mãe</option>
<option value="2">Pai</option>
<option value="7">Representante Legal</option>
<option value="5">Tia</option>
<option value="6">Tio</option>
</select>
<span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<br />
<span class="selectRequiredMsg">Selecione um item.</span></span></td>
<td class="TxtC"> </td>
<td> </td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD colspan="5"> </TD>
</TR>
</TBODY>
<script type="text/javascript">var nm_resp3 = new Spry.Widget.ValidationTextField("nm_resp3", "none", {validateOn:["blur"]});
var rg_resp3 = new Spry.Widget.ValidationTextField("rg_resp3", "none", {validateOn:["blur"]});
var cpf_resp3 = new Spry.Widget.ValidationTextField("cpf_resp3", "custom", {pattern:"000.000.000-00", validateOn:["blur"], format:"cpf", useCharacterMasking:true});
var localtrab_resp3 = new Spry.Widget.ValidationTextField("localtrab_resp3", "none", {validateOn:["blur"]});
var telcom_resp3 = new Spry.Widget.ValidationTextField("telcom_resp3", "phone_number", {format:"phone_custom", pattern:"(00) 0000-0000", useCharacterMasking:true, validateOn:["blur"]});
var celular_resp3 = new Spry.Widget.ValidationTextField("celular_resp3", "phone_number", {validateOn:["blur"], format:"phone_custom", useCharacterMasking:true, pattern:"(00) 0000-0000"});
var profissao_resp3 = new Spry.Widget.ValidationSelect("profissao_resp3", {validateOn:["blur"]});
var parentesco_resp3 = new Spry.Widget.ValidationSelect("parentesco_resp3", {validateOn:["blur"]});</script>
</TABLE>
</div>
<p> </p>
<p> </p><tbody>
<tr></tr>
</tbody>
<tbody>
<tr>
<td colspan="7" class="Tituloformulario">Endereço</td>
</tr>
</tbody>
<tbody>
<tr>
<td width="29"> </td>
<td width="819"><table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">CEP:</td>
<td colspan="3"><span id="dados_cep">
<label for="cep"></label>
<input
type="text" name="cep" id="cep" size="8" onblur="getEndereco()" />
<span class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="textfieldRequiredMsg">Campo Obrigatório!</span><span
class="textfieldInvalidFormatMsg">Digite o CEP corretamente.</span></span></td>
</tr>
<tr>
<td class="TxtC">Endereço:</td>
<td colspan="3"><span id="dados_end">
<label for="logradouro"></label>
<input name="logradouro" type="text" id="logradouro"
onkeyup="mascara( this, toUpper )" size="80" maxlength="50" />
<span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <br />
<span class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
</tr>
<tr>
<td class="TxtC">Número:</td>
<td width="38%"><span id="dados_end_numero">
<label for="numEnd"></label>
<input name="numEnd" type="text" id="numEnd" maxlength="10" />
<span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td width="12%"> </td>
<td width="35%"> </td>
</tr>
<tr>
<td class="TxtC">Complemento:</td>
<td><span id="dados_end_compl">
<label for="complementoEnd"></label>
<input name="complementoEnd" type="text" id="complementoEnd" maxlength="20" />
<span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="TxtC">Bairro:</td>
<td><span id="dados_end_bairro">
<label for="bairro"></label>
<input name="bairro"
type="text" id="bairro"
onkeypress="return Onlychars(event)"
onkeyup="mascara( this, toUpper )" maxlength="45" />
<span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="TxtC">Cidade:</td>
<td><span id="dados_end_cidade">
<label for="cidade"></label>
<input name="cidade"
type="text" id="cidade"
onkeypress="return Onlychars(event)"
onkeyup="mascara( this, toUpper )" maxlength="45" />
<span
class="textfieldValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="textfieldRequiredMsg">Campo Obrigatório!</span></span></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="TxtC">Estado:</td>
<td><span id="dados_end_estado">
<label for="estado"></label>
<select
name="descUf" id="estado">
<option value="">Selecione um Estado</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
<span class="selectValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span> <span class="selectRequiredMsg">Selecione um item.</span></span></td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" colspan="5"> </td>
</tr>
</tbody>
<tbody>
</tbody>
</table>
<p> </p>
</div>
<div class="TabbedPanelsContent">
<p> </p> <tbody>
<tr>
<td colspan="7" class="Tituloformulario">Documentos Entregues</td>
</tr>
</tbody>
<tbody>
<tr>
<td width="29"> </td>
<td width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC">Cartão de Vacina:</td>
<td width="31%"><span id="doc_ct_vacina_aluno"> <label class="TxtE">
<input type="radio" name="cartaoVacina" value="Sim"
id="cartaoVacina_0" /> Sim</label> <label class="TxtE"> <input
type="radio" name="cartaoVacina" value="Não" id="cartaoVacina_1" />
Não</label> <span class="radioValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<span class="radioRequiredMsg">Escolha uma opção.</span></span></td>
<td width="18%" class="TxtC">Fotos 3x4:</td>
<td width="36%"><span id="doc_fotos_aluno"> <label class="TxtE"> <input
type="radio" name="foto" value="Sim" id="foto_0" /> Sim</label> <label
class="TxtE"> <input type="radio" name="foto" value="Não"
id="foto_1" /> Não</label> <span class="radioValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<span class="radioRequiredMsg">Escolha uma opção.</span></span></td>
</tr>
<tr>
<td class="TxtC">Certidão de Nascimento:</td>
<td><span id="doc_cert_nasc_aluno"> <label class="TxtE"> <input
type="radio" name="certidaoNasc" value="Sim" id="certidaoNasc_0" />
Sim</label> <label class="TxtE"> <input type="radio"
name="certidaoNasc" value="Não" id="certidaoNasc_1" /> Não</label>
<span class="radioValidMsg"><img src="public/imagens/ok.png"
width="14" height="13" alt="OK" /></span> <span
class="radioRequiredMsg">Escolha uma opção.</span></span></td>
<td class="TxtC">Comprovante de Residência:</td>
<td><span id="doc_comp_resid_aluno"> <label class="TxtE"> <input
type="radio" name="comprovanteResid" value="Sim"
id="comprovanteResid_0" /> Sim</label> <label class="TxtE"> <input
type="radio" name="comprovanteResid" value="Não"
id="comprovanteResid_1" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span></td>
</tr>
<tr>
<td class="TxtC">CPF Responsável:</td>
<td><span id="doc_cpf_resp_aluno"> <label class="TxtE"> <input
type="radio" name="cpfResp" value="Sim" id="cpfResp_0" /> Sim</label>
<label class="TxtE"> <input type="radio" name="cpfResp"
value="Não" id="cpfResp_1" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span></td>
<td class="TxtC">RG do Responsável:</td>
<td><span id="doc_rg_resp_aluno"> <label class="TxtE"> <input
type="radio" name="rgResp" value="Sim" id="rgResp_0" /> Sim</label>
<label class="TxtE"> <input type="radio" name="rgResp" value="Não"
id="rgResp_1" /> Não</label> <span class="radioValidMsg"><img
src="public/imagens/ok.png" width="14" height="13" alt="OK" /></span>
<span class="radioRequiredMsg">Escolha uma opção.</span></span></td>
</tr>
<tr>
<td class="TxtC">Contrato:</td>
<td><span id="doc_contrato_resp"> <label class="TxtE"> <input
type="radio" name="contrato" value="Sim" id="contrato_0" /> Sim</label>
<label class="TxtE"> <input type="radio" name="contrato"
value="Não" id="contrato_1" /> Não</label> <span
class="radioValidMsg"><img src="public/imagens/ok.png" width="14"
height="13" alt="OK" /></span> <span class="radioRequiredMsg">Escolha
uma opção.</span></span></td>
<td class="TxtC"> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="13" colspan="5"> </td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p> <tbody>
<tr>
<td colspan="7" class="Tituloformulario">Observações</td>
</tr>
</tbody>
<tbody>
<tr>
<td width="29"> </td>
<td width="819">
<table width="100%" border="0">
<tr>
<td width="15%" class="TxtC"> </td>
<td width="31%"> </td>
<td width="18%" class="TxtC"> </td>
<td width="36%"> </td>
</tr>
<tr>
<td colspan="4" class="TxtC"><span id="obs_aluno"> <label
for="obsAluno"></label> <textarea name="obsAluno" id="obsAluno"
cols="100" rows="5"></textarea> <span>Caracteres Restantes: </span><span
id="countobs_aluno"> </span><span class="textareaMaxCharsMsg">Número
de Caracteres excedido.</span></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="13" colspan="5"> </td>
</tr>
</tbody>
</table>
<p> </p>
</div>
</div>
</div>
<p> </p>
<p><input type="submit" name="enviarform" id="enviarform"
value="Enviar Formulário" /> <input type="reset" name="limparform"
id="limparform" value="Limpar Formulário" /></p>
</form>
<script type="text/javascript">var sprytextfield1 = new Spry.Widget.ValidationTextField("dados_nm_aluno", "none", {validateOn:["blur"]});
var spryradio1 = new Spry.Widget.ValidationRadio("doc_fotos_aluno", {validateOn:["change"]});
var spryradio2 = new Spry.Widget.ValidationRadio("doc_ct_vacina_aluno", {validateOn:["change"]});
var spryradio3 = new Spry.Widget.ValidationRadio("doc_cert_nasc_aluno", {validateOn:["change"]});
var spryradio4 = new Spry.Widget.ValidationRadio("doc_comp_resid_aluno", {validateOn:["change"]});
var spryradio5 = new Spry.Widget.ValidationRadio("doc_cpf_resp_aluno", {validateOn:["change"]});
var spryradio6 = new Spry.Widget.ValidationRadio("doc_rg_resp_aluno", {validateOn:["change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("dados_dtnasc_aluno", "date", {validateOn:["blur"], format:"dd/mm/yyyy", useCharacterMasking:true});
var sprytextfield5 = new Spry.Widget.ValidationTextField("dados_natur_aluno", "none", {validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("dados_tel_aluno", "phone_number", {validateOn:["blur"], useCharacterMasking:true, format:"phone_custom", pattern:"(00) 0000-0000"});
var sprytextfield7 = new Spry.Widget.ValidationTextField("nm_resp1", "none", {validateOn:["blur"]});
var sprytextfield10 = new Spry.Widget.ValidationTextField("rg_resp1", "none", {validateOn:["blur"]});
var sprytextfield12 = new Spry.Widget.ValidationTextField("cpf_resp1", "custom", {pattern:"000.000.000-00", validateOn:["blur"], format:"cpf", useCharacterMasking:true});
var sprytextfield15 = new Spry.Widget.ValidationTextField("localtrab_resp1", "none", {validateOn:["blur"]});
var sprytextfield16 = new Spry.Widget.ValidationTextField("telcom_resp1", "phone_number", {format:"phone_custom", pattern:"(00) 0000-0000", useCharacterMasking:true, validateOn:["blur"]});
var sprytextfield17 = new Spry.Widget.ValidationTextField("celular_resp1", "phone_number", {validateOn:["blur"], format:"phone_custom", useCharacterMasking:true, pattern:"(00) 0000-0000"});
var spryselect7 = new Spry.Widget.ValidationSelect("profissao_resp1", {validateOn:["blur"]});
var spryselect6 = new Spry.Widget.ValidationSelect("parentesco_resp1", {validateOn:["blur"]});
var spryradio9 = new Spry.Widget.ValidationRadio("od_saude_aluno", {validateOn:["change"]});
var spryradio7 = new Spry.Widget.ValidationRadio("od_transp_aluno", {validateOn:["change"]});
var spryradio12 = new Spry.Widget.ValidationRadio("od_alergico_aluno", {validateOn:["change"]});
var spryradio11 = new Spry.Widget.ValidationRadio("od_plano_Saude", {validateOn:["change"]});
var spryradio10 = new Spry.Widget.ValidationRadio("od_estudou_aluno", {validateOn:["change"]});
var spryradio13 = new Spry.Widget.ValidationRadio("od_renovacao_aluno", {validateOn:["change"]});
var sprytextfield8 = new Spry.Widget.ValidationTextField("od_mediada_aluno", "none", {validateOn:["blur"]});
var sprytextfield20 = new Spry.Widget.ValidationTextField("od_peso_aluno", "none", {validateOn:["blur"]});
var spryradio8 = new Spry.Widget.ValidationRadio("od_sexo_aluno", {validateOn:["change"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("dados_cep", "zip_code", {format:"zip_custom", validateOn:["blur"], pattern:"00000-000", useCharacterMasking:true});
var sprytextfield3 = new Spry.Widget.ValidationTextField("dados_end", "none", {validateOn:["blur", "change"]});
var sprytextfield21 = new Spry.Widget.ValidationTextField("dados_end_numero", "none", {validateOn:["blur"]});
var sprytextfield22 = new Spry.Widget.ValidationTextField("dados_end_compl", "none", {validateOn:["blur"]});
var spryselect8 = new Spry.Widget.ValidationSelect("dados_end_estado", {validateOn:["blur", "change"]});
var sprytextfield24 = new Spry.Widget.ValidationTextField("dados_end_cidade", "none", {validateOn:["blur", "change"]});
var sprytextfield23 = new Spry.Widget.ValidationTextField("dados_end_bairro", "none", {validateOn:["blur", "change"]});
var spryselect5 = new Spry.Widget.ValidationSelect("dados_etnia_aluno", {validateOn:["blur"]});
var spryselect3 = new Spry.Widget.ValidationSelect("dados_cor_aluno", {validateOn:["blur"]});
var spryselect2 = new Spry.Widget.ValidationSelect("dados_turma_aluno", {validateOn:["blur"]});
var spryselect4 = new Spry.Widget.ValidationSelect("dados_serie_aluno", {validateOn:["blur"]});
var spryselect1 = new Spry.Widget.ValidationSelect("dados_turno_aluno", {validateOn:["blur"]});
var spryselect1 = new Spry.Widget.ValidationSelect("dados_ano_turma_aluno", {validateOn:["blur"]});
var spryradio14 = new Spry.Widget.ValidationRadio("doc_contrato_resp", {validateOn:["change"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("obs_aluno", {counterType:"chars_remaining", counterId:"countobs_aluno", maxChars:400, minChars:0, validateOn:["blur", "change"], isRequired:false});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("tabAluno");</script>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#resp2").click(function(evento){
if ($("#resp2").attr("checked")){
$("#responsavel2").css("display", "block");
}else{
$("#responsavel2").css("display", "none");
}
});
$("#resp3").click(function(evento){
if ($("#resp3").attr("checked")){
$("#responsavel3").css("display", "block");
}else{
$("#responsavel3").css("display", "none");
}
});
});
</script><!-- FIM DADOS CADASTRAIS ALUNO -->
OBS.: site melhor visualizado com navegadores fire fox ou chrome, no internet explorer 7 ou 8 o menu fica todos desconfigurado, ainda não sei como resolver. :lol:
Espero que possam me ajudar!!!!
Obrigado
Carregando comentários...