Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

25-04-2012 13:12

Olá, eu elaborei script de verificação de campos em jquery, porem para termina-lo preciso por uma função que se existir algum erro, o botão submit seja desabilitado

Segue uma parte do codigo
Jquery:
$('#razao_social').focusout(function() { if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) { $(this).removeClass('inputs').addClass('inputs_error'); $("label[for='razao_social']").text('O Campo Razão Social deve ser preenchido'); empty = true; }else{ $(this).removeClass('inputs_error').addClass('inputs'); $("label[for='razao_social']").text(''); empty = false; } }); $('#cpf').focusout(function() { if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) { $(this).removeClass('inputs').addClass('inputs_error'); $("label[for='cpf']").text('O Campo CPF deve ser preenchido'); }else{ $(this).removeClass('inputs_error').addClass('inputs'); $("label[for='cpf']").text(''); } });

HTML:
<input type="text" name="razao_social" id="razao_social" class="inputs" value="Razão Social" placeholder="Razão Social"> <span class="obrigatorio">*</span> <label for="razao_social"></label>

<input type="text" name="cpf" class="inputs cpf" id="cpf" placeholder="CPF" value="CPF"> <span class="obrigatorio">*</span> <label for="cpf"></label>
Gostaria de uma adptação pra cada erro registrado, ele armazenar uma contagem, e se for maior ou igual a 1 erro, desabilitar o botão submit e outros...
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

25-04-2012 13:21

Você pode pegar uma var com valor 0, e incrementar toda hora que houver erro, depois no final veja se é maior que 1 e faz a ação.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

25-04-2012 18:42

Pois é amigo, tentei de vários jeitos mais não sei por que não consegui :s estava usando true e false, dai desabilitava, mais parece que se houvesse dois seletores Jquery usando o mesmo id #div não dava certo
0
www.radiokiller.com.br
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

25-04-2012 18:46

Dê uma olhada no que estou fazendo, segue esse modelo ai no qual preciso que o botão Próximo seja desabilitado enquanto houver erros, campos vazios etc. Também queria saber como fazer uma verificação se existe um usuário já cadastrado com o nome escolhido lá. Tentei de uns jeitos ai pela internet mais não funciona bem
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

25-04-2012 19:14

A lógica é bem simples. Por exemplo, você já inicia o processo com o submit desabilitado. Ai você vai ter que ter algum evento que faça execute uma função para verificar os campos existentes, se estão vazios, essa função você pode colocar ao passar o cursor no submit ou algo assim.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

25-04-2012 19:22

Sim, boa lógica, vou pesquisar como faço isso, se houver ainda alguma dúvida, posto aqui pra dar uma melhorada
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

25-04-2012 20:14

:)
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

26-04-2012 15:05

Aproveitando o post, queria auxilio com esta função:

function envia_form() { jQuery("#retorno").empty(); // limpando a div antes de um novo envio var email = jQuery("#email").attr("value");// pegando os campos do formulário // tipo dos dados, url do documento, tipo de dados, campos enviados // para GET mude o type para GET jQuery.ajax({ type: "POST", url: "verificar_email.php", dataType: "html", data: "email=" + email, // enviado com sucesso success: function(response){ jQuery("#retorno").append(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); }

estou procurando um meio de adptar esta à uma função de validação de email que estou usando:

$('#email').focusout(function() { if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) { $(this).removeClass('inputs').addClass('inputs_error'); $("label[for='email']").fadeIn().text('O Campo E-mail deve ser preenchido'); }else{ var sEmail = $("#email").val(); var emailFilter=/^.+@.+\..{2,}$/; var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/ if(!(emailFilter.test(sEmail))||sEmail.match(illegalChars)){ $(this).removeClass("inputs").addClass("inputs_error") $("label[for='email']").fadeIn().text('Por favor, informe um email válido'); }else{ $(this).removeClass('inputs_error').addClass('inputs'); $("label[for='email']").text(''); } } });

Primeiro ver se o input está vazio, se não estiver ele verifica se o Email é valido, caso o Email seja válido irá verificar se o mesmo existe no banco de dados através da função function envia_form() e exibir a menssagem de aviso no label for="email". só que até agora ainda não consegui fazer uma adptação que não desse erro :$
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

26-04-2012 15:34

Você pode colocar o if de validação logo abaixo de

var email = jQuery("#email").attr("value");// pegando os campos do formulário
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

26-04-2012 16:33

Você não intendeu, eu quero saber como devo fazer assim:

$('#email').focusout(function() { if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) { $(this).removeClass('inputs').addClass('inputs_error'); $("label[for='email']").fadeIn().text('O Campo E-mail deve ser preenchido'); }else{ var sEmail = $("#email").val(); var emailFilter=/^.+@.+\..{2,}$/; var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/ if(!(emailFilter.test(sEmail))||sEmail.match(illegalChars)){ $(this).removeClass("inputs").addClass("inputs_error") $("label[for='email']").fadeIn().text('Por favor, informe um email válido'); }else{ if(ALGUMA COISA) { ai aqui viria a função de verificação se o email existe no banco ou não }else{ $(this).removeClass('inputs_error').addClass('inputs'); $("label[for='email']").text(''); } } } });

Verificar se o campo está vazio, caso não esteja, ele verifica se o Email é válido, se for válido ele verifica se existe no banco de dados !
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

26-04-2012 16:43

Tem uma validação bem simples aqui http://docs.jquery.com/Plugins/Validation
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

26-04-2012 16:50

Eu optei por desenvolver minha propria função para validação, pois preciso muito aprender jquery e com isso ainda consigo personalizar 100% o plugin ! vou continuar tentando resolver isso, depois volto a postar aqui ! ;)
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

26-04-2012 16:51

É só para você observar a base. Vai te dar uma idéia da criação do if.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação Personalizada jquery

29-04-2012 11:48

Olha, depois de muita pesquisa na web, consegui desenvolver este validador de email.
Veja abaixo:

1º: Verifica se o campo está Vazio, caso esteja escreve uma mensagem no label;
2º: Caso o campo não esteja vazio, ele verifica se o Email é válido usando uma regra;
3º: Se o Email é válido, o script irá consultar em um arquivo php externo a disponibilidade do Email, que está armazenado no banco de dados Mysql

Deixo aqui à vocês este código, é de muita utilidade !

$('#email').focusout(function() { if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) { $(this).removeClass('inputs').addClass('inputs_error'); $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;O Campo E-mail deve ser preenchido'); }else{ var sEmail = $("#email").val(); var emailFilter=/^.+@.+\..{2,}$/; var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/ if(!(emailFilter.test(sEmail))||sEmail.match(illegalChars)){ $(this).removeClass("inputs").addClass("inputs_error") $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Por favor, informe um email válido'); }else{ jQuery("label[for='email']").empty(); var email = jQuery("#email").attr("value"); $("label[for='email']").html('<img src="../imagens/loader.gif" align="absmiddle">&nbsp;Verificando disponibilidade...'); jQuery.ajax({ type: "POST", url: "verificar_email.php", dataType: "html", data: "email=" + email, success: function(response){ if(response == 'Email disponivel'){ $('#email').removeClass('inputs_error').addClass('inputs'); $("label[for='email']").fadeIn().html('<img src="../imagens/accept.png" align="absmiddle" />&nbsp;Email disponível para cadastro'); } if(response == 'Email cadastrado'){ $('#email').removeClass('inputs').addClass('inputs_error'); $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Email já cadastrado'); } }, error: function(){ $(this).removeClass("inputs").addClass("inputs_error") $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Ocorreu um erro na verificação'); ;} }); } } });

0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação Personalizada jquery

29-04-2012 12:10

Boa.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado