[Resolvido] Plugin Validade

[eronventer 2]

Ae galera,

 

Estou tentando utilizar o plugin mas nada acontece ao tentar enviar o formulário....

A função é executada, mas o validade não funciona...

 

$(function(){
		
	$("#enviaRep").click(function(){
		validaRep();						  
	});
	
});

function validaRep()
{
	$("#formulario").validate({
		validClass: "frm_cinza",
		errorClass: "frm_invalido",
		errorContainer: $("div.divFormError"),
		errorLabelContainer: "#errorList",
		wrapper: "li",
		submitHandler: function() { alert("OK"); },
		
		rules: {
			empresa: 'required',
			nome: 'required',
			email: {
				required: true,
				email: true
			}
		},
		
		messages: {
			empresa: 'Preencha a razão social da empresa.',
			nome: 'Preencha o nome do responsável.',
			email: {
				required: 'Preencha um e-mail de contato.',
				email: 'O e-mail digitado é inválido.'
			}
		}
	});
}

[Matheus Tavares 167]

Nunca utilizei este plugin, portanto não sei o que pode estar havendo.

É bem melhor fazer seu script, fica mais leve e fácil de dar manutenção.

 

Experimente, qualquer coisa estamos aí para ajudar, é facil criar scripts de validação de forms.

 

Abraço.

[eronventer 2]

Eu testei uma única vez, e gostei da aplicação, pois é possível manipular todo o formulário, tentei mais alguns testes

mas ainda não está funcionando....

[Deives 0]

Gostaria de aproveitar o tópico já que é sobre o mesmo assunto... utilizo esse plugin para validar e enviar o formulário:

jQuery(document).ready(function($){
	
	/* Variaveis */
	var divCarregando = jQuery("#carregando");
	var divRetorno    = jQuery("#retornoCadastro");
	var formCadastro  = jQuery('#formCadastro');
	var btnCadastrar  = jQuery("#btnCadastrar");
	var campoNome     = jQuery("input[name=txtNome]");
	var campoEmail    = jQuery("input[name=txtEmail]");
	var campoSenha    = jQuery("input[name=txtSenha]");
	var campoPais     = jQuery("select[name=selPais]");
	var campoEstado   = jQuery("select[name=selEstado]");
	var campoCidade   = jQuery("select[name=selCidade]");
	
	jQuery(campoCidade).attr('disabled',true);
	
	/* Funcao para limpar os campos */
	function resetarFormCadastro()
	{
		jQuery(campoNome).val("");
		jQuery(campoEmail).val("");
		jQuery(campoSenha).val("");
		jQuery(campoPais).val("");
		jQuery(campoEstado).val("");
		jQuery(campoCidade).val("");
	}
	
	/* Inicial validacao */
	jQuery(formCadastro).validate({
		rules: {
			txtNome:   { required: true },
			txtEmail:  { required: true, email: true },
			txtSenha:  { required: true, minlength: 6 },
			selPais:   { required: true },
			selEstado: { required: true },
			selCidade: { required: true }
		},
		messages: {
			txtNome:   {required: 'Informe seu nome completo' },
			txtEmail:  {required: 'Informe seu e-mail', email: 'Informe um e-mail válido' },
			txtSenha:  {required: 'Informe uma senha (mín. 6)', minlength: 'A senha deve conter no mínimo 6 caracteres' },
			selPais:   {required: 'Selecione um país' },
			selEstado: {required: 'Selecione um estado' },
			selCidade: {required: 'Selecione uma cidade' }
		},
		submitHandler: function(form){
			jQuery(formCadastro).bind('submit', function()
			{
				jQuery(divCarregando).ajaxStart(function(){
					jQuery(btnCadastrar).addClass("desabilitado");
					jQuery(btnCadastrar).attr('disabled',true);
					jQuery(this).show();
				});
				
				$.post('teste.php', {
					nome:   jQuery(campoNome).val(),
					email:  jQuery(campoEmail).val(),
					senha:  jQuery(campoSenha).val(),
					pais:   jQuery(campoPais).val(),
					estado: jQuery(campoEstado).val(),
					cidade: jQuery(campoCidade).val()
				}, function(response) {
					jQuery(divRetorno).html(unescape(response));
					jQuery(divRetorno).fadeIn("slow");
				});
				
				jQuery(divCarregando).ajaxSuccess(function(){
					jQuery(btnCadastrar).removeClass("desabilitado");
					jQuery(btnCadastrar).attr('disabled',false);
					jQuery("input[name=txtLogin]").val(jQuery(campoEmail).val());
					resetarFormCadastro();
					jQuery(this).hide();
				});
				return false;
			});
			return false;
		}
	});
});

Está funcionando corretamente até o formulário ser enviado. Após envio limpa todos os campos e se clicar novamente no botão para enviar o formulário sem preencher nenhum dos campos ele aparece as mensagens de erro da validação, porém envia o formulário mesmo assim. Tentei alterar e até removi o return false no final do código mas nada mudou, o que pode ser?

 

agradeço.

[Deives 0]

Gostaria de aproveitar o tópico já que é sobre o mesmo assunto... utilizo esse plugin para validar e enviar o formulário:

jQuery(document).ready(function($){
	
	/* Variaveis */
	var divCarregando = jQuery("#carregando");
	var divRetorno    = jQuery("#retornoCadastro");
	var formCadastro  = jQuery('#formCadastro');
	var btnCadastrar  = jQuery("#btnCadastrar");
	var campoNome     = jQuery("input[name=txtNome]");
	var campoEmail    = jQuery("input[name=txtEmail]");
	var campoSenha    = jQuery("input[name=txtSenha]");
	var campoPais     = jQuery("select[name=selPais]");
	var campoEstado   = jQuery("select[name=selEstado]");
	var campoCidade   = jQuery("select[name=selCidade]");
	
	jQuery(campoCidade).attr('disabled',true);
	
	/* Funcao para limpar os campos */
	function resetarFormCadastro()
	{
		jQuery(campoNome).val("");
		jQuery(campoEmail).val("");
		jQuery(campoSenha).val("");
		jQuery(campoPais).val("");
		jQuery(campoEstado).val("");
		jQuery(campoCidade).val("");
	}
	
	/* Inicial validacao */
	jQuery(formCadastro).validate({
		rules: {
			txtNome:   { required: true },
			txtEmail:  { required: true, email: true },
			txtSenha:  { required: true, minlength: 6 },
			selPais:   { required: true },
			selEstado: { required: true },
			selCidade: { required: true }
		},
		messages: {
			txtNome:   {required: 'Informe seu nome completo' },
			txtEmail:  {required: 'Informe seu e-mail', email: 'Informe um e-mail válido' },
			txtSenha:  {required: 'Informe uma senha (mín. 6)', minlength: 'A senha deve conter no mínimo 6 caracteres' },
			selPais:   {required: 'Selecione um país' },
			selEstado: {required: 'Selecione um estado' },
			selCidade: {required: 'Selecione uma cidade' }
		},
		submitHandler: function(form){
			jQuery(formCadastro).bind('submit', function()
			{
				jQuery(divCarregando).ajaxStart(function(){
					jQuery(btnCadastrar).addClass("desabilitado");
					jQuery(btnCadastrar).attr('disabled',true);
					jQuery(this).show();
				});
				
				$.post('teste.php', {
					nome:   jQuery(campoNome).val(),
					email:  jQuery(campoEmail).val(),
					senha:  jQuery(campoSenha).val(),
					pais:   jQuery(campoPais).val(),
					estado: jQuery(campoEstado).val(),
					cidade: jQuery(campoCidade).val()
				}, function(response) {
					jQuery(divRetorno).html(unescape(response));
					jQuery(divRetorno).fadeIn("slow");
				});
				
				jQuery(divCarregando).ajaxSuccess(function(){
					jQuery(btnCadastrar).removeClass("desabilitado");
					jQuery(btnCadastrar).attr('disabled',false);
					jQuery("input[name=txtLogin]").val(jQuery(campoEmail).val());
					resetarFormCadastro();
					jQuery(this).hide();
				});
				return false;
			});
			return false;
		}
	});
});

Está funcionando corretamente até o formulário ser enviado. Após envio limpa todos os campos e se clicar novamente no botão para enviar o formulário sem preencher nenhum dos campos ele aparece as mensagens de erro da validação, porém envia o formulário mesmo assim. Tentei alterar e até removi o return false no final do código mas nada mudou, o que pode ser?

 

agradeço.

 

Resolvi meu problema era apenas o jQuery(formCadastro).bind('submit', function()...

Vlw.