Formulários em Javascript

carlosnet · February 19, 2013 at 10:32 PM

Sou economista e gostaria de aprender a construir formulários com dados contabilísticos e financeiros à semelhança dos que o QREN disponibiliza aos promotores.

Os formulários são deste tipo: http://www.pofc.qren.pt/formularios/formularios-candidatura/formularios-candidatura-abertos

Agradeço feedback

HappyHippyHippo · February 19, 2013 at 10:44 PM

que bases tens de programação e que conhecimentos tens de javascript ?

ralmeidasantos · February 26, 2013 at 03:48 PM

Boa tarde, não consegui perceber muito bem, o que querias, mas resolvi fazer um exemplo de formulário, onde depois podem, ser acrescentados mais tópicos.

<html>
<head>
<title>Validando formularios</title>

<script language="javascript"
type="text/javascript">

function validaForm()
{
var d=document.formulario; //Vai pegar o
formulario e adicionar em uma variavél
// Formulario é o nome que dei ao meu form
/*Verifica se o campo texto esta vazio*/
if (d.texto1.value=="" || d.texto1.value==null)
{
alert ("Por favor preencha o campo" +
d.texto1.name); //d.text.name mostra o nome que
voce deu na janela de alerta
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}

/*Verifica se o campo texto tem mais de 4
caracter*/

if (d.texto1.value.length <4) //verifica se tem
mais de 4 caracter
{
alert ("Insira um nome válido");
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}

/*Verifica se é string ou numero*/

if (!isNaN(d.texto1.value))
{
alert ("Insira somente letras");
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}


/*Validando Radio*/

if (!(d.Radio1.checked || d.Radio2.checked))
//Verifica se o radio ta ativado
{
alert("Selecione 1 Radio");
d.Radio1.focus();
return false;
}


/*Validando select*/

if (d.Select1.value == "")
{
alert("Escolha uma opção");
d.Select1.focus();
return false;
}

/*Validando checkbox*/

if (d.Check1.checked == false &amp;&amp; d.Check2.checked
== false &amp;&amp; d.Check3.checked == false ) {
alert("Favor escolher uma opção");
d.Check1.focus();
return false;
}

return true;
}

</script>
</head>

<body>
<h2>Validando Formulário</h2>

<form name="formulario" method="post"
action="enviado.html" onsubmit="return validaForm
();">

<!-- com onsubmit="return validaForm();" ele só
enviara os dados qnd for true -->
<p>
Text <input type="text" name="texto1" value="" />
</p>

<p>
Radio 1 <input type="radio" id="Radio1"
name="testeR" value="R1" />
Radio 2 <input type="radio" id="Radio2"
name="testeR" value="R2" />
</p>

<p>

Select
<br />
<select name="Select1">

<option></option>
<option>Opcao 1 </option>
<option>Opcao 2</option>
<option>Opcao 3 </option>
<option>Opcao 4</option>

</select>
</p>

CheckBox

<p>

Check 1<input type="checkbox" name="Check1" />
<br />

Check 2<input type="checkbox" name="Check2" />
<br />

Check 3<input type="checkbox" name="Check3" />
<br />

</p>

<input type="submit" name="submit" />
</form>
</body>
</html>

Edited February 26, 2013 at 06:33 PM by brunoais
geshi + separar código para ficar tudo colorido

ktunex · March 13, 2013 at 10:59 PM

é muito simples criar um formulario. e validar, tens ferramentas no dreamweaver que te fazem isso...caso nao percebas muito do assunto. 🙂

brunoais · March 14, 2013 at 10:38 AM

é muito simples criar um formulario. e validar, tens ferramentas no dreamweaver que te fazem isso

Eu já vomitei demasiado o dreamweaver, tanto durante o pouco tempo que tentei usa-lo como quando fazem perguntas com "código" feito com a "ajuda" dele.

ktunex · March 15, 2013 at 10:10 AM

usavas so para a validaçao do formulario..caso n tenhas mtas bases de javascript.

cheires · March 21, 2013 at 03:34 PM

Os formulários do QREN são em Java, não em Javascript.

Muito provavelmente usam JEE.

lsoares · March 28, 2013 at 10:41 PM

formulários em Java? isso não existe.. o browser só entende HTML, CSS, Javascript e pouco mais...

Ao autor do tópico:

O Javascript confere comportamento (para validação, submissão por Ajax, dinamismo, etc.);

Antes disso há que definir o HTML correspondente a um formulário - o elemento form.

Para tal, recomendo ler algo como: http://www.w3schools.com/html/html_forms.asp

Edited March 28, 2013 at 10:41 PM by lsoares

Sign In

Formulários em Javascript

Recommended Posts

carlosnet

HappyHippyHippo

ralmeidasantos

ktunex

brunoais

ktunex

cheires

lsoares

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information