[RESOLVIDO] - erro de validação VRaptor

10 de fevereiro de 2010 3 respostas

Ramon.Onix 10 de fevereiro de 2010

PessoAll, esse código não valida, já coloquei o cód js na página, já tentei de tudo... será o que que é? js:

$.validator.setDefaults({
    submitHandler: function() { alert("submitted!"); }
});
$().ready( function() {
    $("#novoUsForm").validate({
        rules:{
            //valida o nome
            nome:{
                required: true, 
                minlength: 3,
                maxLength: 150
            },
            //valida o login
            login:{
                required: true, 
                minlength: 5,
                maxLength: 10
            },
            //valida a senha
            senha:{
                required: true,
                minlength: 5,
                maxLength: 10
            },
            confirma_senha: {
                required: true,
                minlength: 5,
                equalTo: "#senha"
            }
        },
        // Define as mensagens de erro para cada regra
        messages: {
            nome:{
                required: "O campo Nome é obrigatório...",
                minlength: "O campo Nome deve ter, no minímo, 3 caracteres..."
            },
            login: {
                required: "O campo Login é obrigatório...",
                minlength: "O campo Login deve ter, no minímo, 5 caracteres..."
            },
            senha: {
                required: "O campo Senha é obrigatório...",
                minlength: "O campo Senha deve ter, no minímo, 5 caracteres..."
            },
            confirma_senha: {
                required: "Por favor digite uma senha...",
                minlength: "O campo Senha deve ter, no minímo, 5 caracteres...",
                equalTo: "Por favor repetir a Senha no campo Confirmação da senha..."
            }
        }
    })
});

jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Novo Usuário</title>
        <link rel="stylesheet" type="text/css" href="<c:url value="/css/estilos.css"/>"/>
        <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type="text/javascript" src="../js/valFormUs.js"></script>
    </head>
    <body>
        <div id="conteudo">
            <div id="topo">

            </div>
            <div id="col1">
                <h1>aki vai uma...</h1>
            </div>
            <div id="col2">
                <h1>aki vai outra...</h1>
            </div>
            <div id="centro">
                <ul style="color: #FF0000">
                    <c:forEach items="${errors}" var="error">
                        <li>${error.category } - ${error.message }</li>
                    </c:forEach>
                </ul>
                <form id="novoUsFrm" action="adiciona">
                    <table align="center" cellpadding="2" cellspacing="2" style="font-size: small">
                        <tr>
                            <td><label for="nome">Nome:</label></td>
                            <td><input id="nome" type="text" name="usuario.nome" value="${usuario.nome}"/></td>
                        </tr>
                        <tr>
                            <td><label for="login">Login:</label></td>
                            <td><input id="login" type="text" name="usuario.login" value="${usuario.login}"/></td>
                        </tr>
                        <tr>
                            <td><label for="senha">Senha:</label></td>
                            <td><input id="senha" type="password" name="usuario.senha"  value="${usuario.senha}"/></td>
                        </tr>                      
                        <tr></tr>
                        <tr></tr>
                        <tr>
                            <td colspan="2"><button type="submit">Cadastrar</button></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </body>
</html>

3 Respostas

Fabio_Kym_Nascimento 10 de fev. de 2010

Não analisei a fundo o codigo, mas uma provavel causa é que voce declarou um id no form:

e outro id na função do onready:

$("#novoUsForm").validate({

Faltou uma letra “o” ali.

Ramon.Onix 11 de fev. de 2010

Fabio “Kym” Nascimento:
Não analisei a fundo o codigo, mas uma provavel causa é que voce declarou um id no form:

e outro id na função do onready:

$("#novoUsForm").validate({

Faltou uma letra “o” ali.

ta blz! agora os campos não aparecem!

Ramon.Onix 11 de fev. de 2010

já consegui resolver…

era o nome dos campos no arquivo.js, eu estava utilizando o id do campo e não o name do campo.
agora ta blz!

$(document).ready(function(){ $('#novoUsFrm').validate({ rules:{ //valida o nome "usuario.nome":{ required: true, minlength: 3, maxLength: 150 }, //valida o login "usuario.login":{ required: true, minlength: 5, maxLength: 10 }, //valida a senha "usuario.senha":{ required: true, minlength: 5, maxLength: 10 }, "confirma_senha": { required: true, minlength: 5, equalTo: "#senha" } }, // Define as mensagens de erro para cada regra messages: { "usuario.nome":{ required: "O campo Nome é obrigatório...", minlength: "O campo Nome deve ter, no minímo, 3 caracteres..." }, "usuario.login": { required: "O campo Login é obrigatório...", minlength: "O campo Login deve ter, no minímo, 5 caracteres..." }, "usuario.senha": { required: "O campo Senha é obrigatório...", minlength: "O campo Senha deve ter, no minímo, 5 caracteres..." }, "confirma_senha": { required: "Por favor digite uma senha...", minlength: "O campo Senha deve ter, no minímo, 5 caracteres...", equalTo: "Por favor repetir a Senha no campo Confirmação da senha..." } } }); });

abs, vlw!

Criado 10 de fevereiro de 2010

Ultima resposta 11 de fev. de 2010

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados