Publicado em 3 de out.

[Resolvido] Validação em arquivo JS separado

#javascript

Boa Tarde.

Tenho vários formulários em um arquivo PHP, só que quero valida-los em um arquivo JS em separado.

O primeiro o form está validando normal, fiz o msm procedimento para o segundo e nada aconteceu.

Oq será q estou fazendo de errado já olhei este código de cima a baixo várias vezes e não entendo pq não funciona.

Por favor, se alguem puder me ajudar serei mt grato.

Segue o código abaixo.

incluir_material.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)

<head>

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

 

<title>Untitled Document</title>

<script language="JavaScript" src="js/incluir_material.js" charset="utf-8"></script>

</head>

<body>

include"funcoes.inc";

ini_set('session.cache_limiter', 'private');

session_start();

montartelaprinc();

if(IsSet($HTTP_POST_VARS['tipomaterial']))

{

	$tipomaterial = $HTTP_POST_VARS['tipomaterial'];

	$_SESSION['tipomaterial']=$tipomaterial;

 

	switch($tipomaterial)

	{

 case 'CD':

	?>

 <br><br>

	<form action="incluindo_material.php" method="post" name="form_cd">

 <table align="center">

 <tr>

 <td>

 TIPO DO MATERIAL:

 </td>

 <td>

 <SELECT name="tipomaterial" disabled="disabled">

 <OPTION SELECTED><?print($tipomaterial)?>

 </SELECT>

 </td>

 </tr>

 <tr>

 <td>

 NOME:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="nome">

 </td>

 </tr>

 <tr>

 <td>

 DESCRIÇÃO:

 </td>

 <td>

 <script>

 function caracteres()

 {

 valores = document.form.descricao.value.length

 tam = 1000

 texto.innerHTML = tam - valores

 }

 </script>

 <textarea name="descricao" cols = "50" rows = "20"></textarea><br>

 Caracteres restantes

 <span id="texto"> 1000</span>

 </td>

 </tr>

 <tr>

 <td>

 GÊNERO:

 </td>

 <td>

 <input type="text" size="10" maxlength="10" name="genero">

 </td>

 </tr>

 </table>

 <table align="center">

 <tr>

 <td>

      <input type="submit" value=" OK " onClick="return validarcd()">             <input type="reset" value=" APAGAR ">

 </td>

 </tr>

 </table>

	</form>

	<?

	break;

	case 'CD MÚSICA':

	?>

 <form action="incluindo_material.php" method="post" name="formcdmusica">

 <table align="center">

 <tr>

 <td>

 TIPO DO MATERIAL:

 </td>

 <td>

 <SELECT name="tipomaterial" disabled="disabled">

 <OPTION SELECTED><?print($tipomaterial)?>

 </SELECT>

 </td>

 </tr>

 <tr>

 <td>

 ÁLBUM:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="album">

 </td>

 </tr>

 <tr>

 <td>

 ARTISTA:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="artista">

 </td>

 </tr>

 <tr>

 <td>

 DESCRIÇÃO:

 </td>

 <td>

 <script>

 function caracteres()

 {

 valores = document.form.descricao.value.length

 tam = 1000

 texto.innerHTML = tam - valores

 }

 </script>

 <textarea name=descricao cols = 50 rows = 20 onKeyUp="caracteres()"></textarea><br>

 Caracteres restantes

 <span id="texto"> 1000</span>

 </td>

 </tr>

 <tr>

 <td>

 GÊNERO:

 </td>

 <td>

 <input type="text" size="10" maxlength="10" name="genero">

 </td>

 </tr>

 </table>

 <table align="center">

 <tr>

 <td>

      <input type="submit" value=" OK " onClick="return validarcdmusica()">             <input type="reset" value=" APAGAR ">

 </td>

 </tr>

 </table>

 </form>

	<?

	break;

	case 'LIVRO':

	?>

	<tr>

 <td>

 ISBN:

 </td>

 <td>

 <input type="text" size="10" maxlength="10" name="isbn">

 </td>

 </tr>

 <tr>

 <td>

 TÍTULO:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="titulo">

 </td>

 </tr>

 <tr>

 <td>

 AUTOR:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="autor">

 </td>

 </tr>

	<tr>

 <td>

 EDITORA:

 </td>

 <td>

 <input type="text" size="20" maxlength="20" name="editora">

 </td>

 </tr>

 <tr>

 <td>

 DESCRIÇÃO:

 </td>

 <td>

 <script>

 function caracteres()

 {

 valores = document.form.descricao.value.length

 tam = 1000

 texto.innerHTML = tam - valores

 }

 </script>

 <textarea name=descricao cols = 50 rows = 20 onKeyUp="caracteres()"></textarea><br>

 Caracteres restantes

 <span id="texto"> 1000</span>

 </td>

 </tr>

 <tr>

 <td>

 GÊNERO:

 </td>

 <td>

 <input type="text" size="10" maxlength="10" name="genero">

 </td>

 </tr>

 </table>

 <table align="center">

 <tr>

 <td>

      <input type="submit" value=" OK ">             <input type="reset" value=" APAGAR ">

 </td>

 </tr>

 </table>

 <?

 break;

	case 'DISQUETE':

	?>

 <tr>

 <td>

 NOME:

 </td>

 <td>

 <input type="text" size="50" maxlength="50" name="nome">

 </td>

 </tr>

	<tr>

 <td>

 DESCRIÇÃO:

 </td>

 <td>

 <script>

 function caracteres()

 {

 valores = document.form.descricao.value.length

 tam = 1000

 texto.innerHTML = tam - valores

 }

 

 </script>

 <textarea name=descricao cols = 50 rows = 20 onKeyUp="caracteres()"></textarea><br>

 Caracteres restantes

 <span id="texto"> 1000</span>

 </td>

 </tr>

 <tr>

 <td>

 GÊNERO:

 </td>

 <td>

 <input type="text" size="10" maxlength="10" name="genero">

 </td>

 </tr>

 </table>

 <table align="center">

 <tr>

 <td>

      <input type="button" value=" OK " onclick="validar()">             <input type="reset" value=" APAGAR ">

 </td>

 </tr>

 </table>

	<?

	break;

	}

?>

</form>

}

else

{

?>

	<br><br><br><br>

	<form action="incluir_material.php" method="post">

 <table align="center">

 <tr>

 <td>

 TIPO DO MATERIAL:

 </td>

 <td>

 <SELECT name="tipomaterial">

 <OPTION>CD

 <OPTION>CD MÚSICA

 <OPTION>LIVRO

 <OPTION>DISQUETE

 </SELECT>

 </td>

 <td>

 <input type="submit" name="material" value=" OK ">

 </td>

 </tr>

 </table>

	</form>

}

?>

</body>

</html>

incluir_material.js

function validarcd()

{

var nome=document.form_cd.nome.value;

var descricao=document.form_cd.descricao.value;

var genero=document.form_cd.genero.value;

//("0123456789-+./@!?#$%¨&*()}{[]ªº;:|,");

var texto= new String("0123456789-+./@!?#$%¨&*()}{[]ªº;:|,~^<>`´");

var i;

var x;

 

	if(nome=="")

	{

 alert("O CAMPO NOME NÃO PODE ESTAR VAZIO.");

 document.form_cd.nome.focus();

 return (false);

	}

	else

	{

 if(genero=="")

 {

 alert("O CAMPO GENERO NÃO PODE ESTAR VAZIO.");

 document.form_cd.genero.focus();

 return (false);

 }

 else

 {

 for(i=0;i<genero.length;i++)

 {

 for(x=0;x<texto.length;x++)

 {

 if(genero.charAt(i)==texto.charAt(x))

 {

 alert("O CAMPO GENERO SÓ DEVE POSSUIR LETRAS");

 document.form_cd.genero.focus();

 return (false);

 }

 }

 }

 }

	}

	return (true);

}

 

function validarcdmusica()

{

var nome=document.formcdmusica.nome.value;

var descricao=document.formcdmusica.descricao.value;

var genero=document.formcdmusica.genero.value;

//("0123456789-+./@!?#$%¨&*()}{[]ªº;:|,");

var texto= new String("0123456789-+./@!?#$%¨&*()}{[]ªº;:|,~^<>`´");

var i;

var x;

 

	if(nome=="")

	{

 alert("O CAMPO NOME NÃO PODE ESTAR VAZIO.");

 document.formcdmusica.nome.focus();

 return (false);

	}

	else

	{

 if(genero=="")

 {

 alert("O CAMPO GENERO NÃO PODE ESTAR VAZIO.");

 document.formcdmusica.genero.focus();

 return (false);

 }

 else

 {

 for(i=0;i<genero.length;i++)

 {

 for(x=0;x<texto.length;x++)

 {

 if(genero.charAt(i)==texto.charAt(x))

 {

 alert("O CAMPO GENERO SÓ DEVE POSSUIR LETRAS");

 document.formcdmusica.genero.focus();

 return (false);

 }

 }

 }

 }

	}

	return (true);

}

Discussão (10)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...