Boa tarde, estou tentando validar um form da seguinte maneira e não está dando certo, se alguem puder me ajudar.
<%@ include file="/_cabecalho.jspf" %>
<br><br><br><br><br>
<form id="frmusuario" class="contactform" style="width: 800px">
<h4>Registro de Usuário</h4>
<br>
<div class="field">
<label for="nome">Nome *</label>
<input type="text" class="input" id="nome" name="usuario.nome" value="${usuario.nome}"/>
</div>
<div class="field">
<label for="email">Email *</label>
<input type="text" class="input" id="email" name="usuario.email" value="${usuario.email}"/>
<p class="hint">Formato esperado: seuemail@seuprovedor.com(.br)</p>
</div>
<div class="field">
<label for="senha">Senha *</label>
<input type="password" class="input" id="senha" name="usuario.senha" value="${usuario.senha}"/>
<p class="hint">Use letras e números!</p>
</div>
<div class="field">
<label for="rsenha"> Confirma Senha *</label>
<input type="password" class="input" id="rsenha" />
<p class="hint">Confirme a senha</p>
</div>
<input type="submit" name="Submit" class="button" value="Salvar" />
</form>
<br><br><br><br>
<script type="text/javascript">
$(document).ready(function() {
$('#frmusuario').validate({
rules: {
"usuario.nome": {
required: true
},
"usuario.email": {
required: true,
email: true
},
"usuario.senha": {
required: true
},
"usuario.rsenha": {
required: true,
equalTo: "#senha"
}
},
messages:{
"usuario.nome": {
required: "Campo nome obrigatório!"
},
"usuario.email": {
required: "Campo email obrigatório!",
email: "Email inválido"
},
"usuario.senha": {
required: "Campo senha obrigatório!"
},
"usuario.rsenha": {
required: "Campo confirma senha obrigatório!",
equalTo: "Senhas não conferem!"
}
}
});
}
</script>
<%@ include file="/_rodape.jspf" %>