Ir ao conteúdo
  • Cadastre-se
keytous

Sobre Javascript codigo quase pronto!

Recommended Posts

Boa noite!

Estou com um trabalho para fazer mas sou iniciante e a professora não é muito de ajudar portanto, gostaria de uma ajudinha.

Meu Codigo é esse:

-----------------------------------------------------------

<html>
<head>
<title>formatado data em javascript</title>
<script>
function Formatadata(Campo, teclapres)
{
var tecla = teclapres.keyCode;
var vr = new String(Campo.value);
vr = vr.replace("/", "");
vr = vr.replace("/", "");
vr = vr.replace("/", "");
tam = vr.length + 1;
{
if (tam > 0 && tam < 2)
Campo.value = vr.substr(0, 2) ;
if (tam > 2 && tam < 4)
Campo.value = vr.substr(0, 2) + '/' + vr.substr(2, 2);
if (tam > 4 && tam < 7)
Campo.value = vr.substr(0, 2) + '/' + vr.substr(2, 2) + '/' + vr.substr(4, 7);
}
}
</script>
</head>
<body>
<p>
<label>Data Inicial:</data>
<input type="text" name="data" maxlength="10" onkeyup="Formatadata(this,event)" />
</p>
<p>
<label>Data Final:</data>
<input type="text" name="data" maxlength="10" onkeyup="Formatadata(this,event)" /> </br>
</p>
<INPUT TYPE="SUBMIT" VALUE="Submeter o Formulário" onClick="alert()">
<INPUT TYPE="RESET" VALUE="Limpar o Formulários">
</body>
</html>

--------------------------------------------------------------------

Meu codigo esta quase 100% falta apenas duas coisas:

1ª - quando clicar no Submeter o formulario deve aparecer um alert ou uma nova pagina mostrando data e hora digitada pelo usuario.

2ª - ao clicar em limpar o formulario deve limpar os 2 campos.

Muito obrigado a todos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

E qual é a dúvida?

qual erro?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O input RESET não esta funcionando porque ele não está dentro de uma tag form,

<form>
<input type="reset" value="resetar" />
</form>

também recomendo que você de nomes diferentes para os dois campos de data

<form>
<p>
<label>Data de Inicial</label>
<input type="text" name="data_inicial" maxlength="10" onkeyup="Formatadata(this,event)" />
</p>
<p>
<label>Data Final</label>
<input type="text" name="data_final" maxlength="10" onkeyup="Formatadata(this,event)" />
</p>
<p>
<input type="submit" value="Enviar" />
<input type="reset" value="Resetar" />
</p>
</form>

Agora, você poderia enviar o formulário para uma função js, por exemplo

<form action="se-ir-para-esta-pagina-deu-erro-na-sua-funcao.html" onsubmit="processarForm(this);return false;" />

agora a função

<script type="text/javascript">
function processarForm(meuForm)
{
var dataInicial = meuForm['data_inicial'].value;
var dataFinal = meuForm['data_final'].value;
alert('Você digitou a data inicial: ' + dataInicial);
alert('Você digitou a data final: ' + dataFinal);
}
</script>

eu não testei nada acima

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado ai pessoal consegui resolver junto com um colega meu, não ta 100% mas ja da para entregar, tenho mais 6 p fazer !!!!! Quebrando a cabeça...

OBRIGADO!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poderia por gentileza postar a solução encontrada?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×