Validação com jQuery

[Elton 0]

É o seguinte tenho um form com validação em jQuery, é um form de login parecido com o do submarino.

se o cliente escolher a opção "ja tenho cadastro" e nao preencher nada o jQuery entra em ação, porem se o cliente depois disso clicar em "sou novo cliente" e clicar en prosseguir por causa da primeira validação que o jQuery fez ele nao deixa o form sair do lugar, como posso resolver isso, tentei colocar o "return true", mas nao vai.

 

Segue o codigo e o link do exemplo no ar.

 

www.eltonsouza.com.br/jquery

 

<script language="javascript">
	function SelRadio(){
		var RadioButton = document.getElementById('rb2');
		RadioButton.checked = true;
	}
	function SelSenha(){
		var campo = document.getElementById('senha');
		campo.focus();
	}
	
	function aviso(){
		
		
		if (document.getElementById('rb1').checked == true){
				return (true);
			
		}else{
			$(document).ready( function() {
			$("#login").validate({
				// Define as regras
				rules:{
					senha:{
						// campoNome será obrigatorio (required) e terá tamanho minimo (minLength)
						required: true, minlength: 4
					},
					email:{
						// campoEmail será obrigatorio (required) e precisará ser um e-mail válido (email)
						required: true, email: true
					}
				},
				// Define as mensagens de erro para cada regra
				messages:{
					senha:{
						required: "Informe a sua senha",
						minlength: "A senha deve conter, no mínimo, 4 caracteres"
					},
						email:{
						required: "Digite o seu e-mail para contato",
						email: "Digite um e-mail válido"
					}
				}
			});
		});
								
	}
}
			
</script>

[William Bruno 1501]

Não dá para misturar jQuery com Javascript dessa forma..

uma idéia é alterar o id do form.

Ai a função do validate não entraria em ação.

 

Mas não entendi o motivo de não validar o form...

function aviso()
{
	var form = document.getElementById('form_tal');
	if (document.getElementById('rb1').checked == true)
		form.id = 'login-sem-validar';
	else
		form.id = 'login';
}
$(document).ready(function(){
	$("#login").validate({
		// Define as regras
		rules:{
			senha:{
				// campoNome será obrigatorio (required) e terá tamanho minimo (minLength)
				required: true, minlength: 4
			},
			email:{
				// campoEmail será obrigatorio (required) e precisará ser um e-mail válido (email)
				required: true, email: true
			}
		},
		// Define as mensagens de erro para cada regra
		messages:{
			senha:{
				required: "Informe a sua senha",
				minlength: "A senha deve conter, no mínimo, 4 caracteres"
			},
				email:{
				required: "Digite o seu e-mail para contato",
				email: "Digite um e-mail válido"
			}
		}
	});
});

[Elton 0]

William Bruno, o motivo para nao validar o form é pq se o usuario for novo nao tem senha e nem email entao vai para a tela de cadastro, mas o exemplo que você me passou nao funcionou, se você verificar no link que postei quando o cliente seleciona primeiro "sou novo" ele vai para a tela de cadastro, mas ele o usuario selecionar a opção "ja tenho cadastro" e tentar da ok o jquery entra em ação e se depois disso o usuario tentar clicar em "sou novo" o jquery nao deixa prosseguir sem preencher o form.

 

Alguem sabe onde pelo menos posso pesquisar sobre isso dentro do jQuery?

 

encontrei a função "resetForm( )" mas tbm nao funciona, alguem tem ideia de onde estou errando?