Jump to content
Sign in to follow this  
rebortec

Validação de formulário js

Recommended Posts

rebortec

Boa Noite pessoal

Estou a fazer uma validação e envio de formulário em js e ajax, o que é certo é que me surgiu um pequeno erro, tenho o seguinte código:

$(document).ready(function() {
$('#msg').hide();					

$('#submit').click(function(e) {

	e.preventDefault();

	var valid = '';
	var required = 'é inválido(a)';
	var nome = $('input#nome').val();
	var web = $('input#web').val();
	var email = $('input#email').val();
	var morada = $('input#morada').val();
	var distrito = $('input#distrito').val();
	var concelho = $('input#concelho').val();
	var cp = $('input#cp').val();
	var localidade = $('input#localidade').val();
	var telefone = $('input#telefone').val();
	var fax = $('input#fax').val();
	var telemovel = $('input#telemovel').val();
	var categoria = $('input#categoria').val();
	var palavras_chave = $('input#palavras_chave').val();
	var descricao = $('textarea#descricao').val();

	if (nome = '' || nome.length <=4){
		valid = '<p>O nome' +required+ '</p>';	
	}
	if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)){
		valid += '<p>O email' +required+ '</p>';
	}
	if (morada = '' || morada.length <=5){
		valid = '<p>A morada' +required+ '</p>';
	}
	if (distrito = '' || distrito.length <=2){
		valid = '<p>O distrito' +required+ '</p>';
	}
	if (concelho = '' || concelho.length <=2){
		valid = '<p>O concelho' +required+ '</p>';
	}
	if (cp = '' || cp.length <=8){
		valid += '<p>O código postal' +required+ '</p>';
	}
	if (localidade = '' || localidade.length <=2){
		valid = '<p>A localidade' +required+ '</p>';
	}
	if (categoria = '' || categoria.length <=5){
		valid = '<p>A categoria' +required+ '</p>';
	}
	if (descricao = '' || descricao.length <=5){
		valid = '<p>A descrição' +required+ '</p>';
	}
	if (valid != ''){
		$("#msg").removeClass().addClass('error')
			.html('Por favor reveja os campos inválidos' + valid).fadeIn('slow');
	}

  });
});

Quando clico em submit aparece a mensagem de erro, até aqui tudo certo, o que não consigo resolver é que verifica a partir do ultimo if(descrição) ou seja clico em submit e surge o erro: A descrição é Inválida; Preencho o campo descrição e surge o erro:A categoria é inválida;

O que eu queria era que mostra-se os campos todos que estão enválidos.

Podem-me ajudar?

Cumprimentos

Share this post


Link to post
Share on other sites
rebortec

Já Substitui, continua igual ;):

if (nome == '' || nome.length <=4){
		valid = '<p>O nome' +required+ '</p>';	
	}
	if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)){
		valid += '<p>O email' +required+ '</p>';
	}
	if (morada == '' || morada.length <=5){
		valid = '<p>A morada' +required+ '</p>';
	}
	if (distrito == '' || distrito.length <=2){
		valid = '<p>O distrito' +required+ '</p>';
	}
	if (concelho == '' || concelho.length <=2){
		valid = '<p>O concelho' +required+ '</p>';
	}
	if (cp == '' || cp.length <=8){
		valid += '<p>O código postal' +required+ '</p>';
	}
	if (localidade == '' || localidade.length <=2){
		valid = '<p>A localidade' +required+ '</p>';
	}
	if (categoria == '' || categoria.length <=5){
		valid = '<p>A categoria' +required+ '</p>';
	}
	if (descricao == '' || descricao.length <=5){
		valid = '<p>A descrição' +required+ '</p>';
	}
	if (valid !== ''){
		$("#msg").removeClass().addClass('error')
			.html('Por favor reveja os campos inválidos' + valid).fadeIn('slow');
	}

Share this post


Link to post
Share on other sites
yoda

                if (cp == '' || cp.length <=8){
                        valid += '<p>O código postal' +required+ '</p>';
                }
                if (localidade == '' || localidade.length <=2){
                        valid = '<p>A localidade' +required+ '</p>';
                }

Mesmo que nesta parte dê erro na primeira condição, se der erro na segunda o valor final de valid será apenas da ultima.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.