Ir para conteúdo
Fórum Script Brasil
  • 0

Alert's Em FormulÁrio


sergiocs

Pergunta

Olá pessoal, estou precisando de uma ajuda urgente, tenho um formulário simples, e preciso colocar agora ALERT'S nele para que seja necessário o preenchimento obrigatório de todos os campos do formulário. Quem puder ajudar-me, agradeço imensamente. Preciso com a máxima urgência para que eu possa concluir meu trabalho. Obrigado!

Link para o comentário
Compartilhar em outros sites

13 respostass a esta questão

Posts Recomendados

  • 0

vê se ajuda...

...

<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">

function ValidaForm(formulario) {

if (formulario.campo1.value=="") {

alert("Você precisa informar o seu Nome")

  formulario.campo1.focus()

  return false}

return true;

}

</script>

..

<form onSubmit="return ValidaForm(this)" action="action" method="post" onSubmit="return ValidaForm(this)">

...

campo1 é o nome do campo no formulário...

Link para o comentário
Compartilhar em outros sites

  • 0

Caro SergioCs, você não precisa fazer um script para cada campo, você coloca no valor falso do if(), um outro if() com o campo seguinte, e assim vai até acabar os campos.

O resto é chamar o script no botão, para ver se dá certo.

Qualquer duvidas, estamos ai.

[]'s

Link para o comentário
Compartilhar em outros sites

  • 0

Ae sem querer interfirir nos papo de osseis mas tipo se o cara for usar muitos campos o script vai ficar grande então ficaria chato fazer pois tipo ele poderia fazer um loop e passar por todos os elementos do form sem pressisar sabero nome de qualquer um deles sendo que a variavel elements é um array que contem os elemtos do form da uma olhada no codigo que eu fiz....

<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">
function ValidaForm() {
var verdade = false;
    for (i = 0;i < form1.elements.length;i++){
  if (form1.elements[i].value == ""){
        alert("Você precisa informar o seu "+form1.elements[i].name)
        form1.elements[i].focus();
                                                verdade = false
  }else{
                                                verdade = true;
    }
                if (verdade){
                                 form1.submit();
                }
}
</script>
<form name="form1">
<INPUT TYPE="text" NAME="Nome" VALUE="">
<INPUT TYPE="text" NAME="SNome" VALUE="">
<INPUT TYPE="submit" NAME="jean" VALUE="yyyy" onclick="ValidaForm()">
</form>

tipo dessa forma ele vai erificar todos mas tipo se tiver um caso especial"Email" é só colocamais um if e testar pra ve se o nome do elemto é o nome que contem o email ser for ele já faz a conferencia

T++++

Link para o comentário
Compartilhar em outros sites

  • 0
Ae sem querer interfirir nos papo de osseis mas tipo se o cara for usar muitos campos o script vai ficar grande então ficaria chato fazer pois tipo ele poderia fazer um loop e passar por todos os elementos do form sem pressisar sabero nome de qualquer um deles sendo que a variavel elements é um array que contem os elemtos do form da uma olhada no codigo que eu fiz....

<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">
function ValidaForm() {
var verdade = false;
    for (i = 0;i < form1.elements.length;i++){
  if (form1.elements[i].value == ""){
        alert("Você precisa informar o seu "+form1.elements[i].name)
        form1.elements[i].focus();
                                                verdade = false
  }else{
                                                verdade = true;
    }
                if (verdade){
                                 form1.submit();
                }
}
</script>
<form name="form1">
<INPUT TYPE="text" NAME="Nome" VALUE="">
<INPUT TYPE="text" NAME="SNome" VALUE="">
<INPUT TYPE="submit" NAME="jean" VALUE="yyyy" onclick="ValidaForm()">
</form>

tipo dessa forma ele vai erificar todos mas tipo se tiver um caso especial"Email" é só colocamais um if e testar pra ve se o nome do elemto é o nome que contem o email ser for ele já faz a conferencia

T++++

Grande AnaoScript. agradeço sua força e informo que o nosso formulário tem um campo para e-mail. Segue abaixo o código do formulário para que possam analizar melhor.

<FORM action="http://webnetclube.com.br/cgi-sys/formmail.pl" method=post>

<div align="left">

<input type="hidden" name="recipient" value="associar@webnetclube.com.br">

<input type="hidden" name="redirect" value="http://www.webnetclube.com.br/webnet/cadastroconfirm.asp">

<table cellspacing="0" cellpadding="0" bordercolorlight="#FF0000" bordercolordark="#DD6137" border="2" align="left" height="160" width="450" style="border-collapse: collapse" bordercolor="#111111">

<tr>

<td height="23" width="141"><b><font size="1" color="black" face="Verdana">Seu

Nome:</font></b></td>

<td height="23" width=""> <b> <font size="1" color="#008000" face="Verdana">

<input type="text" name="nome" size="30" maxlength="250">

</font> </b> </td>

</tr>

<tr>

<td height="23" width="141"><b><font size="1" color="black" face="Verdana">Seu

E-mail:</font></b></td>

<td height="23" width=""> <b> <font size="1" color="#008000" face="Verdana">

<input type="text" name="email" size="25" maxlength="250">

</font> </b> </td>

</tr>

<tr>

<td height="17" width="141"><b><font size="1" color="black" face="Verdana">Sexo:</font></b></td>

<td height="17" width=""> <b> <font size="1" color="black" face="Verdana">

<input type="radio" name="sexo" value="F">

Feminino

<input type="radio" name="sexo" value="M">

Masculino </font> </b> </td>

</tr>

<tr>

<td height="23" width="141"><b><font size="1" color="black" face="Verdana">Que

dia você nasceu?</font></b></td>

<td height="23" width=""> <b> <font size="1" color="#008000" face="Verdana">

<select name="dia_nasc">

<option value=-1>Dia</option>

<option value=01>01</option>

<option value=02>02</option>

<option value=03>03</option>

<option value=04>04</option>

<option value=05>05</option>

<option value=06>06</option>

<option value=07>07</option>

<option value=08>08</option>

<option value=09>09</option>

<option value=10>10</option>

<option value=11>11</option>

<option value=12>12</option>

<option value=13>13</option>

<option value=14>14</option>

<option value=15>15</option>

<option value=16>16</option>

<option value=17>17</option>

<option value=18>18</option>

<option value=19>19</option>

<option value=20>20</option>

<option value=21>21</option>

<option value=22>22</option>

<option value=23>23</option>

<option value=24>24</option>

<option value=25>25</option>

<option value=26>26</option>

<option value=27>27</option>

<option value=28>28</option>

<option value=29>29</option>

<option value=30>30</option>

<option value=31>31</option>

</select>

/

<select name="mes_nasc">

<option value=-1>Mês</option>

<option value=1>JAN</option>

<option value=2>FEV</option>

<option value=3>MAR</option>

<option value=4>ABR</option>

<option value=5>MAI</option>

<option value=6>JUN</option>

<option value=7>JUL</option>

<option value=8>AGO</option>

<option value=9>SET</option>

<option value=10>OUT</option>

<option value=11>NOV</option>

<option value=12>DEZ</option>

</select>

/

<select name="ano_nasc">

<option value=-1>Ano</option>

<option value=1900>1900</option>

<option value=1901>1901</option>

<option value=1902>1902</option>

<option value=1903>1903</option>

<option value=1904>1904</option>

<option value=1905>1905</option>

<option value=1906>1906</option>

<option value=1907>1907</option>

<option value=1908>1908</option>

<option value=1909>1909</option>

<option value=1910>1910</option>

<option value=1911>1911</option>

<option value=1912>1912</option>

<option value=1913>1913</option>

<option value=1914>1914</option>

<option value=1915>1915</option>

<option value=1916>1916</option>

<option value=1917>1917</option>

<option value=1918>1918</option>

<option value=1919>1919</option>

<option value=1920>1920</option>

<option value=1921>1921</option>

<option value=1922>1922</option>

<option value=1923>1923</option>

<option value=1924>1924</option>

<option value=1925>1925</option>

<option value=1926>1926</option>

<option value=1927>1927</option>

<option value=1928>1928</option>

<option value=1929>1929</option>

<option value=1930>1930</option>

<option value=1931>1931</option>

<option value=1932>1932</option>

<option value=1933>1933</option>

<option value=1934>1934</option>

<option value=1935>1935</option>

<option value=1936>1936</option>

<option value=1937>1937</option>

<option value=1938>1938</option>

<option value=1939>1939</option>

<option value=1940>1940</option>

<option value=1941>1941</option>

<option value=1942>1942</option>

<option value=1943>1943</option>

<option value=1944>1944</option>

<option value=1945>1945</option>

<option value=1946>1946</option>

<option value=1947>1947</option>

<option value=1948>1948</option>

<option value=1949>1949</option>

<option value=1950>1950</option>

<option value=1951>1951</option>

<option value=1952>1952</option>

<option value=1953>1953</option>

<option value=1954>1954</option>

<option value=1955>1955</option>

<option value=1956>1956</option>

<option value=1957>1957</option>

<option value=1958>1958</option>

<option value=1959>1959</option>

<option value=1960>1960</option>

<option value=1961>1961</option>

<option value=1962>1962</option>

<option value=1963>1963</option>

<option value=1964>1964</option>

<option value=1965>1965</option>

<option value=1966>1966</option>

<option value=1967>1967</option>

<option value=1968>1968</option>

<option value=1969>1969</option>

<option value=1970>1970</option>

<option value=1971>1971</option>

<option value=1972>1972</option>

<option value=1973>1973</option>

<option value=1974>1974</option>

<option value=1975>1975</option>

<option value=1976>1976</option>

<option value=1977>1977</option>

<option value=1978>1978</option>

<option value=1979>1979</option>

<option value=1980>1980</option>

<option value=1981>1981</option>

<option value=1982>1982</option>

<option value=1983>1983</option>

<option value=1984>1984</option>

<option value=1985>1985</option>

<option value=1986>1986</option>

<option value=1987>1987</option>

<option value=1988>1988</option>

<option value=1989>1989</option>

<option value=1990>1990</option>

<option value=1991>1991</option>

<option value=1992>1992</option>

<option value=1993>1993</option>

<option value=1994>1994</option>

<option value=1995>1995</option>

<option value=1996>1996</option>

<option value=1997>1997</option>

<option value=1998>1998</option>

<option value=1999>1999</option>

<option value=2000>2000</option>

<option value=2001>2001</option>

<option value=2002>2002</option>

</select>

</font> </b> </td>

</tr>

<tr>

<td height="23" width="141"><b><font size="1" color="black" face="Verdana">Cidade:</font></b></td>

<td height="23" width=""> <b> <font size="1" color="#008000" face="Verdana">

<input type="text" name="cidade" size="20" maxlength="100">

</font> </b> </td>

</tr>

<tr>

<td height="23" width="141"><b> <font size="1" color="black" face="Verdana">

Estado: </font> </b></td>

<td height="23" width=""> <b> <font size="1" color="#008000" face="Verdana">

<select name="uf">

<option value="-1">UF</option>

<option value="AC" >AC</option>

<option value="AL" >AL</option>

<option value="AP" >AP</option>

<option value="AM" >AM</option>

<option value="BA" >BA</option>

<option value="CE" >CE</option>

<option value="DF" >DF</option>

<option value="ES" >ES</option>

<option value="GO" >GO</option>

<option value="MA" >MA</option>

<option value="MT" >MT</option>

<option value="MS" >MS</option>

<option value="MG" >MG</option>

<option value="PA" >PA</option>

<option value="PB" >PB</option>

<option value="PR" >PR</option>

<option value="PE" >PE</option>

<option value="PI" >PI</option>

<option value="RJ" >RJ</option>

<option value="RN" >RN</option>

<option value="RS" >RS</option>

<option value="RO" >RO</option>

<option value="RR" >RR</option>

<option value="SC" >SC</option>

<option value="SP" >SP</option>

<option value="SE" >SE</option>

<option value="TO" >TO</option>

</select>

</font> </b> </td>

</tr>

<tr>

<td valign="top" height="" width="141"><b><font size="1" color="black" face="Verdana">Escolha

seu Plano: </font></b></td>

<td height="" width=""> <b> <font size="1" color="black" face="Verdana">

<input type="radio" name="plano" value="Basico">

BÁSICO

<input type="radio" name="plano" value="Gold">

GOLD

<input type="radio" name="plano" value="Vip">

VIP<br>

</font> </b> </td>

</tr>

<tr>

<td valign="top" height="1" width="141"><b><font size="1" color="black" face="Verdana">Seu

CPF: </font></b></td>

<td height="1" width=""> <b> <font size="1" face="Verdana" color="black">

<!--webbot bot="Validation" b-value-required="TRUE" i-minimum-length="1" i-maximum-length="12" -->

<input type="text" name="CPF" size="16" maxlength="14" tabindex="12">

</font> </b> </td>

</tr>

<tr>

<td valign="top" height="1" width="141"><b><font size="1" color="black" face="Verdana">Crie

uma Senha: </font></b></td>

<td height="1" width=""> <font size="1" face="Verdana"> <b>

<!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="8" -->

<input type="password" name="password" size="10" maxlength="8" tabindex="12">

(Só pode ter 8 caracteres) </b></font> </td>

</tr>

<tr>

<td valign="top" height="1" width="141"><b> <font size="1" color="black" face="Verdana">

Confirmar sua Senha: </font> </b></td>

<td height="1" width=""> <b><font size="1" face="Verdana">

<!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="8" -->

<input type="password" name="confpassword" size="10" maxlength="8" tabindex="12">

</font></b> </td>

</tr>

<tr>

<td colspan=2 align=center height="15" width=""> <p align="left"><b><font color="black" size="1" face="Verdana">

<input type="checkbox" name="news" value="1" checked>

Eu li o <a href="termodeuso.htm" target="_blank"><font color=blue>Termo

de Uso</font></a> e estou de acordo</font></b></p></TD>

<tr>

<td colspan="2" width=""> <p align="center"><b><font size="1" color="#008000" face="Verdana"><br>

<input name="image" type="image" src="imgs/benviar.gif">

<input name="image" type="image" onClick="reset(); return false;" src="imgs/blimpar.gif">

<BR>

</font> </b> </p></tr>

</table>

</div>

</form>

Bom, este é o código do formulário, e é nele que queremos inserir os Alert's.

Qualquer informação a respeito estarei aguardando.

Obrigado mais uma vez!

Link para o comentário
Compartilhar em outros sites

  • 0

Cara quando eu folo que to ruin em js é porque eu to viu jissa esescript ta me dando dor de cabeça :D po antigamente eu fazia isso nomole mas não sei orque ta dando pau

mas ae eu vo dormi amnha eu faço pra tu vei mas ae cara amanh eu posto pra você ae o codigo bunitinho tudo feitinha e ainda o codigo ta menor pois aqueles anos cara você é guerrero tu fez 1002 options na mão cara:D

Foi mal ae mas amnha sem falta

Link para o comentário
Compartilhar em outros sites

  • 0

...:::::Anao Script::::...

Agradeço pela ajuda e estaremos aguardando seu retorno conforme sua postagem a respeito do formulário.

Estamos com todo o nosso trabalho parado devido este formulário, porque necessitamos que ele tenha os alerts é importante, para evitar que o usuário deixe de preencher os dados.

Qualquer coisa nos comunique.

Obrigado!

Link para o comentário
Compartilhar em outros sites

  • 0

Po cara foi mal ae mas ontem eu tava com sono mas ae o codigo

<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">

<!--

function checacpf (cpf){

if (cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" || cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" || cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" || cpf == "88888888888" || cpf == "99999999999")

return false;

soma = 0;

for (i=0; i < 9; i ++)

soma += parseInt(cpf.charAt(i)) * (10 - i);

resto = 11 - (soma % 11);

if (resto == 10 || resto == 11)

resto = 0;

if (resto != parseInt(cpf.charAt(9)))

return false;

soma = 0;

for (i = 0; i < 10; i ++)

soma += parseInt(cpf.charAt(i)) * (11 - i);

resto = 11 - (soma % 11);

if (resto == 10 || resto == 11)

resto = 0;

if (resto != parseInt(cpf.charAt(10)))

return false;

alert('CPF correto.');

return true;

}

function ValidaForm() {

var verdade = false;

if (form1.Nome.value == ""){

alert("Você precisa informar o seu Nome")

form1.Nome.focus();

verdade = false

}

if (form1.Cidade.value == ""){

alert("Você precisa informar o seu Cidade")

form1.Cidade.focus();

verdade = false

}

if (form1.Email.value.indexOf("@") == -1){

alert("Você precisa informar o seu Email")

form1.Email.focus();

verdade = false

}

if ((form1.Sexo[0].checked == false) && (form1.Sexo[1].checked == false)){

alert("Você precisa informar o seu Sexo")

verdade = false

}

for (i = 4;i < 9;i++){

if (form1.elements.selectedIndex == 0){

alert("Você precisa informar o seu "+form1.elements.name);

Verdade = false;

}

if (i == 6)

i = 7

}

if ((form1.plano[0].checked == false) && (form1.plano[1].checked == false)&& (form1.plano[2].checked == false)){

alert("Você precisa informar o seu Plano")

verdade = false

}

if (!checacpf(document.form1.Cpf.value)){

alert('CPF invalido, por favor digite-o novamente.');

}

if (form1.senha.value.length < 8 && form1.senha.value != ""){

if (form1.confsenha.value != form1.senha.value){

alert("Preencha dereito seu nalfabeto");

form1.confsenha.value = "";

form1.senha.value = "";

}

}else{

alert("Preencha a senha cara");

form1.senha.value = "";

form1.confsenha.value = "";

}

}

//-->

</script>

Ae cara os nome dos form você tem que mudar ta ae a lista com o os nomes mas tem de ser exatamente como esta tipo ate letra maiscula e minhuscula

formulario = form1

nome = Nome

Email = Email

cidade = Cidade

sexo = Sexo

plano = plano

cpf = Cpf

Senha = senha

cofirmação de senha = confsenha

Ae os nome eu tive de muda porque eu fiz sem olhar os nome eu imaginei dai eu vi que tava dando erro então eu udei os nome mas eu fiz mo bagunça no codigo que estava comogo então é so colar esse ae falo vei

Ae troca o a parte do codigo onde tem a data por esse aqi

<select name="dia">
<option value=-1>Dia</option>
<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">
<!--
var minMes = 1;
var maxMes = 31;
for (minMes; minMes <= maxMes; minMes++){
    document.write("<option value="+minMes+">"+minMes+"</option>");
}
//-->
</script></select>
/ 
<select name="mes">
<option value=-1>Mês</option>
<option value=1>JAN</option>
<option value=2>FEV</option>
<option value=3>MAR</option>
<option value=4>ABR</option>
<option value=5>MAI</option>
<option value=6>JUN</option>
<option value=7>JUL</option>
<option value=8>AGO</option>
<option value=9>SET</option>
<option value=10>OUT</option>
<option value=11>NOV</option>
<option value=12>DEZ</option>
</select>
/ 
<select name="ano">
<option value=-1>Ano</option>
<script LANGUAGE=JAVASCRIPT TYPE "TEXT/JAVASCRIPT">
<!--
var minAno = 1900;
var maxAno = 2003;
for (minAno; minAno <= maxAno; minAno++){
    document.write("<option value="+minAno+">"+minAno+"</option>");
}
//-->
</script>
</select>

é que se vez tudo na mão ali ele já faz um loop e fica tudo pronto

T+

(Ae jissa eu sai por isso viu cara pressisa da parada mas eu não posso atender na hora :D )

Link para o comentário
Compartilhar em outros sites

  • 0

ae anão... só uma coisinha .....

moderador não está aqui pra ficar respondendo perguntas e sim organizando o fórum... não se esqueça disso ok??? :)

você é um ótimo moderador e não preciso nem falar q você manja pra caramba não é????

falou!!!!

Link para o comentário
Compartilhar em outros sites

  • 0

Prezado Jissa, ainda não conseguí solucionar o problema do meu formulário, todos os códigos que coloco ocorre erros, sem o código Alerts o formulário envia todos os dados para o e-mail sem problemas, mas ao inserir os alerts dá tudo errado. Se você souber o que está ocorrendo e puder nos ajudar lhe agradeço.

Abraços.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...