Sobre Javascript codigo quase pronto!

keytous · 20 de setembro de 2013

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!

DiF · 21 de setembro de 2013

E qual é a dúvida?

qual erro?

andersondanilo · 21 de setembro de 2013

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