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>
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>