Checar Campo

[George]

alguém poderia me ensinar a fazer um sistema para saber se os campos estão preenchidos (algo como aparecer uma alert se não estiver preenchido)

[André Gusmão]

Se você esitver usando um form, faça como nesse exemplo:

<form name="meuForm" action="pagina_seguinte" method="post" onSubmit="return verifica()">

Nome: <input type="text" name="nome"><br>

Telefone: <input type="text" name="fone"><br>

<input type="submit" value="Enviar">

</form>

<script language="JavaScript">

function verifica()

{

    if(meuForm.nome.value=='')

    {

        alert('Digite o nome');

        return false;

    }

    if(meuForm.fone.value=='')

    {

        alert('Digite o telefone');

        return false;

    }

    return true;

}

</script>

É isso aí!!!

[jissa]

Acho que o document.all funcionara tb.. (mesmo sem estar num form)

[sergiocs]

Se você esitver usando um form, faça como nesse exemplo:

<form name="meuForm" action="pagina_seguinte" method="post" onSubmit="return verifica()">

Nome: <input type="text" name="nome"><br>

Telefone: <input type="text" name="fone"><br>

<input type="submit" value="Enviar">

</form>

<script language="JavaScript">

function verifica()

{

    if(meuForm.nome.value=='')

    {

        alert('Digite o nome');

        return false;

    }

    if(meuForm.fone.value=='')

    {

        alert('Digite o telefone');

        return false;

    }

    return true;

}

</script>

É isso aí!!!

Olá, eu também estou precisando de um script de Alert's conforme você postou, só tenho uma dúvida, como sou inesperiente em javascript, gostaria de saber os nomes reais que devo colocar na primeira linha como segue abaixo:

<form name="meuForm" action="pagina_seguinte" method="post" onSubmit="return verifica()">

As partes que estão em negrito devo colocar na verdade o que? Se puder me explicar agradeço imensamente pela colaboração.

Obrigado!

[diraol]

no "meuForm" você não mexe... deixa como está.........

e no "pagina_seguinte" é a página para onde os dados serão enviados...........

certo????

[sergiocs]

no "meuForm" você não mexe... deixa como está.........

e no "pagina_seguinte" é a página para onde os dados serão enviados...........

certo????

Caro colega, agradeço pela informação a primeira parte entendí, mas a segunda ainda tenho dúvidas: "pagina_seguinte".

Qual seria a página para onde irei enviar os dados, porque os dados do formulário serão enviados para um e-mail, por isto gerou esta minha dúvida, se puder me exclarecer agradeço.

Obrigado!

[diraol]

saquei........

tipo... você precisa de utilizar uma linguagem dinâmica pra mandar e-mail com form através de páginas....

entra no fórum de ASP e procura por CDONTS lá tem um tópico explicadinho de como usar... :)

[sergiocs]

Creio que não seja isto que você falou, porque no formulário já consta o script para que os dados do formulário seja enviado para um determinado e-mail, e está funcionando normalmente, a única coisa que eu preciso é criar Alert's para todos os campos deste formulário obrigando o usuário a preencher todos eles. Entendeu?

Por isto que estou achando estranho esta parte do código que refere-se "pagina_seguinte", eu não posso colocar nenhum endereço creio eu por já existir um script com esta finalidade de envio, pode gerar conflitos. Se caso tiver uma outra opnião post por favor.

Obrigado!

[diraol]

que/???

onde está o seu código???tipo.... por código JAVASCRIPT é IMPOSSÍVEL enviar e-mails............

mostra o código ae....

[sergiocs]

que/???

onde está o seu código???tipo.... por código JAVASCRIPT é IMPOSSÍVEL enviar e-mails............

mostra o código ae....

Segue abaixo o código do meu formulário e está funcionando normalmente, só não consigo inserir os Alert's nele, já tenho vários modelos, dicas mas não funciona, se puder me passar informações tipo passo a passo para que eu possa entender o tenho que fazer mediante agora você já ter o código do formulário, se puder ajudader-me agradeço muito.

Abraços!

<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>

[sergiocs]

Só para exclarecer, eu não disse que tinha um formulário JAVASCRIPT mas sim um script de um formulário que está funcionando perfeitamente, só estou precisando inserir os alertes nele, só que ele envia os dados para um e-mail, entendeu?

Abraços.