Isso provavelmente vai se transformar em várias questões enquanto eu trabalho o meu caminho através dele, mas estou precisando de alguma ajuda séria de JQuery. Eu criei um formulário de várias partes com base no exemplo debassistance.de. Nesse demo, a validação é bastante simples - designando campos obrigatórios com uma classe, iterando e extraindo mensagens de erro dos títulos dos elementos de formulário.

Minha forma é mais complexa do que a demo - e estou com a ideia de implementar a validação nesta instância. Por exemplo, na demonstração, os erros estão chegando logo após o elemento do formulário. No meu caso, eu quero designar os campos que eu quero validar, criar as regras e especificar onde eu quero colocar erros com uma classe, dependendo se eles são erros ou não. Estou usando o framework Blueprint CSS e ele já tem classes construídas para essas coisas, mas, como eu disse, não consigo descobrir como fazer isso funcionar.

Idealmente, gostaria de poder alterar o método de validação na demonstração também e substituir por um que eu esteja mais familiarizado - como:

$("#theForm").validate({
    errorPlacement: function(error, element) {
        if(element.attr("name") === "name") {
            error.appendTo("#nameError");
        }
    },
    groups: {
        capacityGroup: "progMin progMax",
    },
    rules: {
        fName: "required",
    },
    messages: {
        fName: "*First Name is required",
    }
});

Então, eu certamente espero que alguém possa ajudar com isso. Fiz upload de uma demonstração ligeiramente diferente emwww.43rdworld.com/multitest.htm com um div adicional para mensagens de erro e a folha de estilo. Eu realmente gostaria de mudar a forma como o formulário é validado para que ele ainda valide de página para página antes de ser enviado, mas deixe-me especificar os campos obrigatórios, escrever minhas próprias regras e mensagens e especificar onde essas mensagens serão exibidas.