Como funciona function(){} em Jquery

[Jazara 3]

Boa tarde a todos,

gostaria de criar uma função que sempre que ocorre-se um envio via input ou uma variavel fosse ativada em Jquery esta função entrasse em ação.

 

Ex:

 

var nome_campo=" ";

 

 

function pegar_campos(nome_campo){

alert("Os campos X Y e Z precisam estar peenchidos");

}

 

ou

 

<input type="texto" onkeyup=" nome_campo "/>

 

<input type="texto2" onkeyup=" nome_campo "/>

 

<input type="texto3" onkeyup=" nome_campo "/>

 

Não consegui achar nada que explique como funciona a criação de funções e suas utilizações.

[kiillerr 0]

<input type='text' name='nome' onChange='nomefuncao()' />

//java script

nomefuncao(){

aqui vai o codigo

};

então assim q mudar do campo em questão ele executará a função....

é isso?

[Jazara 3]

Sim a ideia é essa, vou tentar o que você me passou.

<input type='text' name='nome' onChange='nomefuncao()' />

//java script

nomefuncao(){

aqui vai o codigo

};

então assim q mudar do campo em questão ele executará a função....

é isso?

 

 

Tentei como você passou mas não deu nem sinal, mudei para onBlur e também nada...

O que quero fazer é ao invés de criar várias linhas de código para chegar os campos que são obrigatórios, queria utilizar uma função ou algo que valha para que os Campos A, D e F fosse chegados como obrigatórios efetuando a função abaixo:

var titulo_campo = $("#titulo").val();
		if(titulo_campo==""){
			$("#erro_titulo").show();
			$("#erro_titulo").html("Campo Obrigatório!"); 
			$("#erro_titulo").css("color","#f00");
			$("#erro_titulo").css("float", "left");
			$("#titulo").css("background-color", "#FFD7D7");			
			return false;
			}else{
				$("#erro_titulo").html("Campo Obrigatório!");
				$("#titulo").css("background-color", "#D7FFD7");
				}

Eu fiz isso para o campo título, e desejo colocar mais 3 campos que façam suas checagens com a mesma resposta da função acima.

[Jazara 3]

Acabei encontrando a resposta estudando por ai... segue:

 

function nome_da_sua_funcao (){ alert("Olá!"); }

 

Chega a ser até que simples, porém acabamos por nos enrolar, uma função que vai receber uma ação,

como por exemplo quando você estiver escrevendo dentro de um input de título e quiser que ele faça uma pesquisa se o título já está sendo utilizado então seria legal usar uma função somente para isto:

 

Ex.:

 

<input name="titulo" id="titulo" onkeydown="nome_da_sua_funcao(this.id);" />

 

onkeydown = refere-se a uma ação quando se está digitando.

 

nome_da_sua_funcao(); = vai dentro do onkeydown para ativá-lo.

 

this.id:

- this significa ESTE;

- id nome do id do campo que ocorre a ação;

 

Neste caso quando eu digitar uma letra vai disparar a função e mostrar um Olá!

porém se eu quiser saber o que foi escrito então devo fazer duas coisas:

 

1 - dentro do parenteses () da função devo criar um vínculo (nome ou palavra) que vai equivaler a informação passada pelo id, ou seja vou pegar o nome do id de forma direta.

 

Ex.:

function nome_da_funcao (pegar_dado_enviado){
alert("Olá! Você digitou no campo"+pegar_dado_enviado);
}

Neste caso deleguei um vínculo com o dado enviado pelo input que vai me retornar no alert uma mensagem com o nome do campo;

 

Bom a partir disto é com a sua necessidade e imaginação.

 

Porém uma grande observação:

 

Não coloque sua função dentro de uma chamada ativa do Jquery

 

Ex.:

$(document).ready(function (){

function nome_da_funcao (pegar_dado_enviado){
alert("Olá! Você digitou no campo"+pegar_dado_enviado);
}


});

Não sei o porque, mas não funciona, se alguém souber seria legal uma explicação.

 

Se você tiver algo como este exemplo acima dentro de um script, recomendo colocar antes ou depois do fechamento do ready.

 

Ex.:

<script>
function nome_da_funcao (pegar_dado_enviado){
alert("Olá! Você digitou no campo"+pegar_dado_enviado);
}

$(document).ready(function (){

alert("Outras ações");

});
</script>