<html>
<head>
<title></title>
<meta name="generator" content="Bluefish 1.0.7">
<meta name="author" content="Wouerner">
<meta name="date" content="2009-05-07T16:21:33-0300">
<meta name="keywords" content="">
<meta name="description" content=" Pagina de cadsatro do sistema SisCel">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="expires" content="0">
<!--Bibliotecas javascript usadas para validar o formulario-->
<script src="../js/jquery.js"></script>
<script src="../js/jquery.validate.js"></script>
<!--Fim das bibliotecas-->
<script>
$().ready( //quando a arvoré DOM esta completa executa!!
$( function(){
$("#form_cadastro").validate({
submitHandler: $.post() ,//$.post () ==> envia como post o formulario!!
//regras de como validar o campos do formulario
rules: {
//o nome e um campo obrigatorio(required:true), e deve ter no minimo 5 caracteres (minlength: 5).
nome:{
required:true, minlength: 5
},
data_nasc: 'required',
natural_pais: 'required',
estado_civil:'required',
logradouro:'required',
numero:'required',
cep:'required',
email: {
required: true,
email: true
}
},
messages: { //mensagem caso a validação falhe
nome: {
required:'Você não preencheu seu nome',
minlength:'deve conter no minimo 5 letras'
},
data_nasc:'Formato da data dd/mm/aaaa',
natural_pais:'Esqueceu sua naturalidade',
estado_civil: 'Digite seu estado Civil',
logradouro:'Digite seu logradouro',
cep:'digite seu cep',
email: {
required: 'Você precisa preencher um e-mail',
email: 'Endereço de e-mail não válido'
}
}
});
}),
$("select[name=estados]").change(function(){
$('select[name=cidades]').html('<option value="load">Procurando :::::::</option>');
$.post('../scripts/buscacidades.php',
{ estado : $(this).val() }, // importante! seleciona a variavel.
function(resposta){
$('select[name=cidades]').html(resposta);
}
);
})
);
</script>
<script>
/*$(document).ready(function() {
$("select[name=estados]").change(function(){
$('select[name=cidades]').html('<option value="load">Procurando :::::::</option>');
$.post('../scripts/buscacidades.php',
{ estado : $(this).val() }, // importante! seleciona a variavel.
function(resposta){
$('select[name=cidades]').html(resposta);
}
);
});
});*/
</script>
</head>
<body>
<form name="form_cadastro" id="form_cadastro" action="../scripts/Cadastra_db.php" method="post">
Dados Pessoais<br/>
<br/>
<!--DADOS PESSOAIS-->
<label for="nome" >Nome:</label>
<input type="text" name="nome" id="nome" maxlength="30" size="30"/><br/>
<label for="data_nasc">Data de Nacimento:</label><br/>
<input type="text" id="data_nasc" name="data_nasc" maxlength="10"/><br/>
dia:
<select name="dia">
<script> for(i=1;i<32;i++){
document.write("<option>"+i+"</option>");
}</script>
</select>
mes:
<select name="mes">
<script> for(i=1;i<13;i++){
document.write("<option>"+i+"</option>");
}</script>
</select>
ano:
<input type="text" id="ano" name="ano" size="4" maxlength="4" /><br/>
<label for="natural_pais">Natural de que país:</label> <br/>
<input type="text" id="natural_pais" name="natural_pais" maxlenght="" size="10"/>
<br/>Estado Civil: <br/>
<br/><label for="solt">Solteiro(a):</label>
<input type="radio" id="solt" name="estado_civil" value="solteiro" checked><br/>
<label for="casado">Casado(a):</label>
<input type="radio" id="casado" name="estado_civil" value="casado"><br/>
<label for="divorc">Divorciado(a):</label>
<input type="radio" id="divorc" name="estado_civil" value="divorciado"><br/>
<label for="viuvo">Viuvo(a):</label>
<input type="radio" id="viuvo" name="estado_civil" value="viuvo"><br/>
<br/>
<br/>
<!--DADOS PESSOAIS FIM-->
<!--ENDEREÇO-->
Endereço:<br/>
<label for="logr">Logradouro:</label><br/>
<input type="text" id="logr" name="logradouro" maxlenght="30" size="30"><br/>
<label for="compl">Complemento:</label><br/>
<input type="text" id="compl" name="complemento" maxlenght="30" size="30"><br/>
<label for="num">numero:</label>
<input type="text" id="num" name="numero" maxlenght="8" size="8"><br/>
<label for="cep">CEP:</label><br/>
<input type="text" id="cep" name="cep" maxlenght="8" size ="8"><br/>
<label for="estados">estado:</label>
<select name="estados">
<option value="0"> Selecione o estado</option>
<option value="01">Acre</option>
<option value="02">Alagoas</option>
<option value="03">Amazonas</option>
<option value="04">Amapá</option>
<option value="05">Bahia</option>
<option value="06">Ceara</option>
<option value="07">Distrito Federal</option>
<option value="08">Espirito Santo</option>
<option value="09">Goias</option>
<option value="10">Maranhão</option>
<option value="11">Minhas Gerais</option>
<option value="12">Mato Grosso do Sul</option>
<option value="13">Mato Grosso</option>
<option value="14">Pará</option>
<option value="15">Paraiba</option>
<option value="16">Pernambuco</option>
<option value="17">Piaui</option>
<option value="18">Parana</option>
<option value="19">Rio de Janeiro</option>
<option value="20">Rio Grande do Norte</option>
<option value="21">Rondonia</option>
<option value="22">Roraima</option>
<option value="23">Rio Grande do Sul</option>
<option value="24">Santa Catarina</option>
<option value="25">Sergipe</option>
<option value="26">São Paulo</option>
<option value="27">Tocantins</option>
</select>
<br/>
<label for="cidades">cidade:</label>
<select name="cidades" id="cidades" >
<option value="0" >Selecione o estado!</option>
</select>
<br/>
<label for="pais">país:</label><br/>
<input type="text" id="pais" name="pais" maxlenght="30" size ="30"><br/>
<br/>
<!--ENDEREÇO FIM-->
<!--CONTATO-->
Contato:<br/>
<label for="email">E-mail:</label>
<input type="text" id="email" name="email" maxlenght="25" size ="25"><br/>
Telefones:<br/>
<label for="residencial">Residencial:</label>
<input type="text" id="residencial" name="residencal" maxlenght="8"><br/>
<label for="cel" ></label>Celular:
<input type="text" id="cel" name="celular" maxlenght="8">
<br/>
<input type="submit" name="Enviar" value="Enviar">
<input type="reset" value="Limpa os campos" name="Limpar" />
<!--CONTATO FIM-->
</form>
</body>
</html>[/codebox]
o problema e que quando uso validate plugin para jquery, mais um combo com ajax ele da um erro!
this.call is not a function
()()jquery.js (line 3032)each()()jquery.js (line 692)
ready()()jquery.js (line 3031)
()()jquery.js (line 3056)[Break on this error] this.call( document, jQuery );
saida do firebug, mas usando os dois em separado não existe problemas.
desde já muito obrigado
