Hola a todos
desde ya muchas gracias por ver que problema tengo
Bueno voy al tema que me preocupa:
Tengo un formulario que se encuentra en un archivo llamado confirmarpedido.php un archivo llamado Aviso.Css y un archivo javascript llamado Validacion.js
confirmarpedido.php : lo uso para cargar los datos que le solicito
Validacion.Js : lo uso para validar
Aviso.Css : lo uso para que el aviso de error me funcione
Aqui los tres archivos
confirmarpedido.php
Aviso.Css
Validacion.Js
El problema de todo esto es que no puedo pasarme al archivo siguiente llamado finalizarpedido.php que se encuentra en el action del formulario![:-( :-(](https://forum.elhacker.net/Smileys/navidad/cry.gif)
Aprieto el boton para ir a la pagina siguiente y no hace nada![:( :(](https://forum.elhacker.net/Smileys/navidad/sad.gif)
Alguien que me pueda ayudar por favooooor
Desde ya muchas gracias
![;D ;D](https://forum.elhacker.net/Smileys/navidad/grin.gif)
![:laugh: :laugh:](https://forum.elhacker.net/Smileys/navidad/laugh.gif)
Bueno voy al tema que me preocupa:
Tengo un formulario que se encuentra en un archivo llamado confirmarpedido.php un archivo llamado Aviso.Css y un archivo javascript llamado Validacion.js
confirmarpedido.php : lo uso para cargar los datos que le solicito
Validacion.Js : lo uso para validar
Aviso.Css : lo uso para que el aviso de error me funcione
Aqui los tres archivos
confirmarpedido.php
Código (html4strict) [Seleccionar]
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="Aviso.css" rel="stylesheet" type="text/css" media="screen" />
<form id="form1" name="form1" method="post"action="finalizarpedido.php" >
<div align="center">
<br /><br />
</table>
<p> </p>
<table width="615" border="1">
<tr>
<td colspan="2"><h2><strong>Por favor ingresa estos datos para poder enviarte el producto </strong></h2></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td width="270"><h2><strong>(*) Nombre Completo: </strong></h2></td>
<td width="329"><label for="nomcompleto"></label>
<input name="nomcompleto" type="text" id="nomcompleto" size="50" />
<label class = "aviso">*Debe ingresar su nombre</label>
</td>
</tr>
<tr>
<td><h1><strong>(*) Calle:</strong></h1></td>
<td><label for="calle"></label>
<input name="calle" type="text" id="calle" size="30" />
<label class = "aviso">*Debe ingresar su calle</label>
</td>
</tr>
<tr>
<td><h1><strong>(*) Numero:</strong></h1></td>
<td><label for="numcalle"></label>
<input name="numcalle" type="text" id="numcalle" size="10" />
<label class = "aviso">*Debe ingresar su numero de calle</label>
</td>
</tr>
<script language="javascript" src="ValidacionJS.js"></script>
Aviso.Css
Código (css) [Seleccionar]
.aviso{
display: none;
color: red;
}
Validacion.Js
Código (javascript) [Seleccionar]
var formulario = document.getElementById("form1"), //El formulario
elementos = formulario.elements; //Sus elementos
avisos = document.getElementsByClassName("aviso"); //Las etiquetas
total = elementos.length; //El total de elementos del fomurlario
formulario.addEventListener("submit", function(event){
event.preventDefault();
var valido = true;
for (var i = 0; i < total; i++){
if (!elementos[i].value.length){
avisos[i].style.display = "inline-block";
valido = false;
}
else{
avisos[i].style.display = "none";
}
}
if (valido){
this.submit();
}
}, false);
El problema de todo esto es que no puedo pasarme al archivo siguiente llamado finalizarpedido.php que se encuentra en el action del formulario
![:-( :-(](https://forum.elhacker.net/Smileys/navidad/cry.gif)
Aprieto el boton para ir a la pagina siguiente y no hace nada
![:( :(](https://forum.elhacker.net/Smileys/navidad/sad.gif)
Alguien que me pueda ayudar por favooooor
![:-\ :-\](https://forum.elhacker.net/Smileys/navidad/undecided.gif)
![;D ;D](https://forum.elhacker.net/Smileys/navidad/grin.gif)