Verificar se campos obrigatórios foram preenchidos com jQuery

Uma forma rápida de verificar se campos obrigatórios foram preenchidos:

Javascript:

$(".campoobrigatorio").each(function() {
	var bolEnviar = false;
        if (jQuery.trim(jQuery(this).val()) == "") {
		bolEnviar = false;
	}
});
 
if (!bolEnviar) {
	alert("Digite todos os campos obrigatórios!");
}

Depois é só atribuir a classe .campoobrigatorio aos inputs. Assim:

<input id="nome" class="campoobrigatorio" maxlength="50" name="nome" size="30" />

Simples não?

Já que chegou até aqui, que tal ler isto?

Este post não tem posts relacionados

Julio Bitencourt: dia 20 de março de 2009

Anderson disse:

Ola amigo, esse codigo era tudo o que eu estava precisando, mas estou tendo problemas, como faço para executa-lo ao dar o submit no form?
Pode ser uma pergunta primaria, mas se puder fazer um exemplo com ele funcionando ficaria muito grato!
Abraços.
15 de maio de 2010 às 11:14 pm
Julio Bitencourt disse:

Olá Anderson. Para executar ao dar submit basta você colocar este código dentro do evento da jQuery.

Ex.

$(’form’).submit(function() {
// Coloque o código aqui.
}

Você deverá usar o método event.preventDefault() da jQuery para que o formulário não seja enviado quando existirem campos obrigatórios em branco. Veja como o método funciona: http://api.jquery.com/event.preventDefault/
17 de julho de 2010 às 3:16 pm