Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kaizokudan

Utilizar função Javascript

Por , em Javascript

Recommended Posts

Kaizokudan    0

Kaizokudan
Postado

criei um formulário em html com o seguinte código:

 

<html> <body> <form name="indicação" action="agradecimento.html" method="post" onSubmit="return validaForm()">           <table width="40%" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">                     <tr>                               <td>Nome:</td>                               <td><input name="nome" type="text"></td>                     </tr>                     <tr>                               <td>E-mail:</td>                               <td><input name="email" type="text"> (xxxx@xxxxx.xxx)</td>                     </tr>                      <tr>                               <td>Sexo :</td>                               <td>                                         <input name="sexo[]" type="radio" value="masculino" id="sexo"> Masculino                                         <input name="sexo[]" type="radio" value="feminino" id="sexo"> Feminino                               </td>                     </tr>                     <tr>                               <td colspan="2">                                         <div align="right">                                         <input name="enviar" type="submit" value="enviar">                                         </div>                               </td>                     </tr>           </table> </form> </body> </hmtl>

 

e possuo a função de validação dos campos em javascript dessa maneira:

 

function validaForm(){            d = document.cadastro;            //validar nome            if (d.nome.value == ""){                      alert("O campo " + d.nome.name + " deve ser preenchido!");                      d.nome.focus();                      return false;            }            //validar email            if (d.email.value == ""){                      alert("O campo " + d.email.name + " deve ser preenchido!");                      d.email.focus();                      return false;            }            //validar email(verificao de endereco eletrônico)            parte1 = d.email.value.indexOf("@");            parte2 = d.email.value.indexOf(".");            parte3 = d.email.value.length;            if (!(pos1 >= 3 && ( pos1 pos2 ) >= 6 && qtd3 >= 9)) {                      alert ("O campo " + d.email.name + " deve ser conter um endereco eletronico!");                      d.email.focus();                      return false;            }            //validar sexo            if (!d.sexo[0].checked && !d.sexo[1].checked) {                      alert("Escolha o sexo!")                      return false;            }            return true;  }

mas não sei como fazer para funcionar.

onde tenho que colocar a função javascript?

 

por favor me expliquem como fazer isso funcionar

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

A função para validação do campo email continha um erro e retirei-a do código. Basta ver como o javascript está inserido no HTML para refazer a condição de validação do e-mail.

 

O código abaixo mostra uma maneira para trabalhar com JavaScript em um arquivo HTML. Outra maneira seria criar um arquivo .js separado, e inserir no cabeçalho da página.

 

Segue o código com a primeira maneira:

<html>
<head>
<script type="text/javascript">

function validaForm(){
d = document.cadastro;
//validar nome
	if (d.nome.value == ""){
		alert("O campo " + d.nome.name + " deve ser preenchido!");
		d.nome.focus();
		return false;
	}

//validar email
	if (d.email.value == ""){
		alert("O campo " + d.email.name + " deve ser preenchido!");
		d.email.focus();
		return false;
	}

//validar sexo
	if (!d.sexo[0].checked && !d.sexo[1].checked) {
		alert("Escolha o sexo!");
		return false;
	}
	
}
</script>
</head>
<body>
<form name="cadastro" action="agradecimento.html" method="post" onsubmit="return validaForm()">
<table width="40%" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">
<tr>
	<td>Nome:</td>
	<td><input name="nome" type="text"></td>
</tr>
<tr>
	<td>E-mail:</td>
	<td><input name="email" type="text"> (xxxx@xxxxx.xxx)</td>
</tr>
<tr>
	<td>Sexo :</td>
	<td><input name="sexo[]" type="radio" value="masculino" id="sexo"> Masculino<input name="sexo[]" type="radio" value="feminino" id="sexo"> Feminino</td>
 </tr>
 <tr>
 	<td colspan="2">
 	<div align="right">
 	<input name="enviar" type="submit" value="enviar">
 	</div>
 	</td>
 </tr>
 </table>
 </form>
 
 </body>
 </hmtl>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito