Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ja validei outros formularios com jquery validate mas não entendo porque este form nao esta sendo validado. A unica diferença dele para os outros formularios que eu fiz e que os inputs estão dentro de fildsets e divs por questoes de formatação do css. As mascaras funcionam normalmente. Agradeço a ajuda!
<script type="text/javascript">
$(document).ready(function(){
$("#formCondominio").validate({
rules:{
nome{required: true},
cpf{required: true},
email{required: true, email: true},
usuario{required: true},
senha{required: true},
confsenha{required: true, equalto: "xsenha"},
condominio{required: true},
apto{required: true},
qtdCarro{required: "#carro: checked"},
qtdMoto{required: "#moto: checked"},
datan{required: true},
sexo{required: true}
},
messages:{
nome:{required: "Campo obrigatorio"},
cpf:{required: "Campo obrigatorio"},
email:{required: "Campo obrigatorio", email: "Insira um email valido"},
usuario{required: "Campo obrigatorio"},
senha:{required: "Campo obrigatorio"},
confsenha:{required: "Campo obrigatorio", equalTo: "As senhas nao conferem"},
condominio{required: "Campo obrigatorio"},
apto{required: "Campo obrigatorio"},
qtdCarro{required: "Informe a quantidade de veiculo"},
qtdMoto{required: "Informe a quantidade do veiculo"},
datan{required: "Campo obrigatorio"},
sexo:{required: "Campo obrigatorio"},
}
});
});
</script>
<script>
$(function(){
$("#xcpf").mask("999.999.999-99");
$("#xtel").mask("(99)-9999-9999");
});
</script>
</head>
Formulario:
<form id="formCondominio" method="POST" action="clientes.php" >
<fieldset id="grupo1">
<div class= "campo">
<label for="xnome">Nome</label>
<input type="text" name="nome" id="xnome" placeholder="nome completo" size= "43" maxlength="120" autofocus>
</div>
</fieldset>
<fieldset id="grupo2">
<div class= "campo">
<label for="xcpf">CPF</label>
<input type= "text" name="cpf" id="xcpf" size="10" maxlength="14">
</div>
</fieldset><br>
<fieldset id="grupo1">
<div class= "campo">
<label for="xemail">Email</label>
<input type= "text" name="email" id="xemail" placeholder="xxxxxx@xxx.com" size= "30" maxlength="30">
</div>
</fieldset>
<fieldset id="grupo2">
<div class= "campo">
<label for="xusuario">Usuario</label>
<input type= "text" name="usuario" id="xusuario" size="19" maxlength="16">
</div>
</fieldset><br>
<fieldset id="grupo1">
<div class= "campo">
<label for="xsenha">Senha</label>
<input type= "password" name="senha" id="xsenha" placeholder="8 digitos" maxlength="8" >
</div>
</fieldset>
<fieldset id="grupo2">
<div class= "campo">
<label for="xconfsenha">Confirmar senha</label>
<input type= "password" name="confsenha" id="xconfsenha" placeholder="8 digitos" maxlength="8">
</div>
</fieldset><br>
<fieldset id="grupo1">
<div class= "condominio">
<label>Condominio</label><select name="condominio">
<option value="" selected disabled style="display: none;">informe</option>
<option value="santa clara"><label>Santa clara</label></option>
<option value="imperial"><label>Imperial</label></option>
</select>
</div>
</fieldset>
<fieldset id="grupo2">
<div class="condominio">
<label for="xapto">N°apto</label> <input type="text" name="apto" id="xapto" class="espaco" size= "1" maxlength="4">
<input type="checkbox" name="carro" id="xjs" value="carro" > <label for="xcarro">Carro</label>
<input type="number" min="1" max="5" name="qtdCarro" id="xqtd" class="meuInput espaco" >
<input type="checkbox" name="moto" id="moto" value="moto"> <label for="xmoto">Moto</label>
<input type="number" min="1" max="5" name="qtdMoto" id="xqtd" class="meuInput">
</div>
</fieldset><br>
<input type= "text" name= "telefone2" placeholder="contato opcional" size="21" maxlength="9" >
</div>
</fieldset><br>
<fieldset id="grupo1">
<div class= "campo">
<label>Data de nascimento</label>
<input type= "date" name= "datan">
</div>
</fieldset>
<fieldset id="grupo2">
<div class= "labelSexo">
<label>Sexo</label>
<label for="xmasc"> <input type="radio" name="sexo" id="xmasc" value="M" >Masculino </label>
<label for="xfem"> <input type="radio" name="sexo" id="xfem" value="F">Feminino</label>
</div>
</fieldset><br>
<fieldset id="butoes">
<input type="submit" name="cadastro" value="Enviar" class="btf">
<input type="reset" class="btc" value="Cancelar">
</fieldset><br>
<p><sup>*</sup> Ao informar que possui veiculo, informe a quantidade na caixa ao lado.</p>
</form>
Tirei os select dos telefones para o codigo nao ficar maior.Ola gabriel obrigado por responder!
meu real problema é vailidar todo formulario. Ja validei outros com javascript ou html5, mas decidi usar jquery validate pois simplifica muito no tamanho do codigo. Eu queria saber se tem algum jeito de chamar essa validação no form estilo onsubimit="funçao()", como agente faz com javascript sem uso do validate. Desculpe se nao sube expressar meu problema estou comecando agora. As mascaras estao funcionando. Desde já agradeço.
Boa noite, o plugin mask faz o campo ja vir como preenchido, vc precisa criar uma função separada, exemplo:
aqui eu verifico se o check box está marcado, se ele estiver ele considera o valor '0,00' como vazio, caso o checkbox não estiver marcado o campo pode ficar vazio.
No seu caso considere por ex o cpf "___.___.___-__" como vazio, isso se for esse o seu problema, também tente mudar o mask pra puxar por class não pelo id.