Validação de formulário

[saulo vinicius 0]

Ola galera, estou com uma duvida, ja desenvolvi varias validações em javascript

sempre fiz o seguinte:

<form action="arquivo_php" method="" onSubmit="funcao_para_checar_os_dados()">

 

Na função javascript eu crio uma variavel passo o valor "true" pra ela e vou validando os dados do formulário e só no final quando tudo está certo eu passo o valor "correct" e retorno ela, tipo:

function checkDados() {
var correct = true
if (document.cadnoticia.txtTitulo.value == "") {correct = false; alert("A notícia deve conter um título!")}
else if(	document.cadnoticia.txtCNoticia.value == "") {correct = false; alert("A notícia deve conter um corpo!")}
	return correct
}

 

Sou novo na área e recentemente descobri o JQuery, estava querendo usar alerts customizados por mim, ja baixei os arqvuios mas nao sei como botar em pratica, nao conheço a sintaxe.

Gostaria que alguem que conhece me explicasse como eu faço isso, se tem como eu mesclar a minha função com os alerts do JQuery ou se eu tenho que fazer tudo pelo JQuery.

Abraço

[Alex Pessoa 0]

Utilize o jAlert para alert personalizado. Você vai ter que passar a lógica da validação para o jQuery, e será até melhor porque você vai tirar os eventos atrelados diretamente aos elementos e utilizar seus ids para usar seus eventos(excelente prática)

[saulo vinicius 0]

hmm... eu achei um arquivo na internet explicando como validar, tem até um plugin proprio pra isso mas só encontro mostrando mensagens do lado das caixas de input

// Inicia o validador ao carregar a página
$(function() {
   // valida o formulário
   $('#form-signup').validate({
       // define regras para os campos
       rules: {
           nome: {
               required: true,
               minlength: 2
           },
           email: {
               required: true,
               email: true
           },
           sexo: {
               required: true
           }
       },
       // define messages para cada campo
       messages: {
           nome: "Preencha o seu nome",
           email: "Preencha seu e-mail de contato",
           sexo: "Informe seu sexo"
       }
   });
});

 

Como faço pra no lugar dessa "messages" colocar os JAlerts? Eu sei que vou ter que crialos em uma função e etc... mas nao sei a sintaxe pra chamalos nessa validação, alguem sabe?

Abraço