Nunca lhe ocorreu de criar alguma aplicação onde o usuário precisou inserir a data em algum campo de algum formulário em alguma página web? Meio impossível, não é mesmo?

Então, vamos ver uma dica interessante nesse post, vamos ver como criar um script em javascript que insere as barras da data automaticamente para o usuário. Um script para que funcione conforme o esperado, deve fazer basicamente o seguinte:

1- Assim que o usuário digitar um valor, o script deve verificar quantos dígitos há no campo que o usuário está digitando.
2- Caso a quantidade de dígitos dentro do campo sejam 2 ou 5, então o script deve inserir a barra /

Viram como é simples, com base nisso, quem entende de programação javascript já poderia fazer seu script sem muita dificuldade, não é mesmo? Bom, pra quem está com pressa ou não curte muito essa parte programável da vida, eu fiz uma função que já faz toda a lógica, você só precisa aprender como usá-la corretamente.

Vamos ao script volto depois:

function makeDate(id){
	obj = document.getElementById(id);
	vl = obj.value;
	l = vl.toString().length;
	switch(l){
		case 2:
			obj.value = vl + "/";
		break;
		case 5:
			obj.value = vl + "/";
		break;
	}
}

Muito simples essa função né? Auto explicativa praticamente. A função makeDate possui um único parâmetro que é o id da entrada onde a data será digitada. Então, você pode chamar essa função no evento onkeyup do objeto text, veja esse exemplo abaixo:

<input type="text" id="data" name="data" value="" onkeyup="javascript:makeDate('data')" >

Muito simples não é? Bom, caso você ficou com alguma dúvida mesmo após reler o artigo, poste a dúvida aqui nos comentários que assim que possível estarei respondendo e ajudando.

Vimos nesse artigo como criar um script para inserir as barras da data automaticamente assim que o usuário vai digitando a data.

See you next time!