Ir para conteúdo

POWERED BY:

Arquivado

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

Anibos

Validação de Campos - Formulário JSP

Por , em Algoritmos & Outras Tecnologias

Recommended Posts

Anibos    0

Anibos
Postado

Olá pessoal estou com um problema em um formulário de cadastro de cliente.

Meu form tem uma função em jQuery que esconde e mostra uma DIV que faz parte do formulário.

 

O problema é o seguinte estou tentando colocar validação nos campos dessa DIV, porém não consigo fazer o submit pois ocultos não o permitem. abaixo segue o código.

 

<!--css-->

<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />

<!--css-->

 

 

<!--JS-->

<script src="JQuery/jquery-1.4.2.js" type="text/javascript"></script>

<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>

<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>

<!--JS-->

 

<script type="text/javascript">

$(document).ready(function () {

 

$('#fisica').hide();

});

 

function divPessoa() {

var aparecediv = document.getElementById('pessoa').value;

 

if (aparecediv == 'fisica') {

 

$('#juridica').hide('slow');

$('#fisica').show('slow');

 

} else {

 

$('#fisica').hide('slow');

$('#juridica').show('slow');

 

}

}

</script>

 

</head>

 

<body>

 

<form action="fornecedor" id="myform" method="post" name="cadastro" >

 

<div class="formdiv">

<span class="formlabel"><strong>Fornecedor:</strong></span>

<select name="pessoa" id="pessoa" onchange="divPessoa()">

<option selected="selected" value="juridica">Pessoa Jurídica</option>

<option value="fisica">Pessoa Fisíca</option>

</select>

</div>

 

<!-- P.Juridica -->

<div id="juridica">

<div class="formdiv">

<span class="formlabel"><strong>Nome Fantasia:</strong></span><span id="sprytextfield2">

<input name="nomeFantasia" type="text" id="nf" size="50" maxlength="60" />

<span class="textfieldRequiredMsg" id="erro">Campo Obrigatório.</span></span>

 

</div>

 

<div class="formdiv">

<span class="formlabel"><strong>Razão Social:</strong></span><span id="sprytextfield3">

<input name="razaoSocial" type="text" id="rs" size="50" maxlength="60" />

<span class="textfieldRequiredMsg" id="erro">Campo Obrigatório.</span></span>

 

</div>

 

<div class="formdiv">

<span class="formlabel"><strong>CNPJ:</strong></span><span id="sprytextfield20">

<input type="text" name="cnpj" maxlength="50" id="cnpj" />

<span class="textfieldRequiredMsg" id="erro">Campo Obrigatório.</span></span>

 

</div>

 

<div class="formdiv">

<span class="formlabel"><strong>Inscriçao Estadual:</strong></span>

<input type="text" name="inscEstadual" maxlength="50" id="inscEstadual" />

 

</div>

 

<div class="formdiv">

<span class="formlabel"><strong>Inscriçao Municipal:</strong></span>

<input type="text" name="inscMunicipal" maxlength="50" id="inscMunicipal" />

</div>

 

</div><!-- P.Juridica -->

 

<div id="fisica"><!-- P.Fisica -->

<div class="formdiv">

<span class="formlabel"><strong>Nome:</strong></span><span id="sprytextfield1">

<input name="nome" type="text" id="campoNome" size="50" maxlength="60" />

<span class="textfieldRequiredMsg" id="erro">Campo Obrigatório.</span></span>

 

</div>

 

<div class="formdiv">

<span class="formlabel"><strong>CPF:</strong></span><span id="sprytextfield22">

<input type="text" name="cpf" maxlength="50" id="cpf" size="18" />

<span class="textfieldRequiredMsg" id="erro">Campo Obrigatório.</span></span>

 

<strong>RG:</strong>

<input type="text" name="rg" maxlength="50" id="rg" size="18" />

 

</div>

 

</div><!-- P.Fisica -->

 

 

<div class="formdiv">

<input type="hidden" name="logica" value="cadastrar"/>

<input class="im-submit-button" name="cadastrar" type="submit" value="Cadastrar" />

<input class="im-clear-button" name="limpar" type="reset" value="Limpar" />

</div>

 

 

<script type="text/javascript">

 

var sprytextfield22 = new Spry.Widget.ValidationTextField("sprytextfield22", "custom", {validateOn: ["blur"], pattern: "000.000.000-00", useCharacterMasking: true});//cpf

var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn: ["blur"]});

 

var sprytextfield20 = new Spry.Widget.ValidationTextField("sprytextfield20", "custom", {validateOn: ["blur"], pattern: "00.000.000/0000-00", useCharacterMasking: true});//cnpj

var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn: ["blur"]});

var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {validateOn: ["blur"]});

 

</script>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Algoritmos & Outras Tecnologias
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito