Problema con JavaScript

DieX · 11 Sep 2008

Gente la vara es q tengo el formulario, y kiero validar el Boton enviar, que sirva o mande los datos a la pagina que lo resuelve solo si todas las cajas de texto estan con datos..he usado como 10 ejemplo pero ninguno me funciona..aver si alguien me puede ayudar

ahi dejo el codigo a ver si alguien me puede ayudar y decirme q es lo q hago mal

gracias :-D

Code:

<html>
<head>
<style type="text/css">
<!--
.style1 {font-size: 24px}
body,td,th {
	color: #FFFFFF;
}
body {
	background-color: #333333;
}
-->
</style>
<script language="javascript" type="text/javascript">  
<script>
function Validar(form){
if (Formulario.txtNombre.value == "")
{ alert("Debe ingresar un nombre"); formulario.txtNombre.focus(); return; }

if (formulario.txtLugar.value == "")

{ alert("Debe ingresar un lugar"); formulario.txtLugar.focus(); return; }

if (formulario.txtEmail.value == "")
{ alert("Debe ingresar un e-mail"); formulario.txtEmail.focus(); return; }
formulario.submit();
}
</script> 
</head>
<body>

<FORM name ="Formulario" METHOD = "POST" ACTION = "Lista.jsp">


<label><span class="po">Nombre :  </span></label>
<input type="text" name="txtNombre"> 




<label><span class="po">Lugar  :  </span></label>
<INPUT TYPE ="text" NAME="txtLugar" SIZE = 20 > 




<label><span class="po">e-mail :  </span></label>
<INPUT TYPE ="text" NAME="txtEmail" SIZE = 20 > 
<input TYPE="submit" name="Envio" value="Enviar" onClick="Validar(this.form)">


</FORM>
</body>

Otro codigo q tengo

Code:

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



<script type="text/javascript">
<!--

function revisarCampos ( )
{
    valid = true;

    if ( PRINCIPAL.Formulario.txtNombre.value == "" )
    {
        alert ( "Debe rellenar todos los espacios" );
        valid = false;
    }

    return valid;
}

//-->
</script>

</head>
<body>

<FORM name ="Formulario" METHOD = "POST" ACTION = "Lista.jsp" 
onsubmit="return revisarCampos ( );"> 




<label><span class="po">Nombre :  </span></label>


<input type="text" name="txtNombre"> 




<label><span class="po">Lugar  :  </span></label>
<INPUT TYPE ="text" NAME="txtLugar" SIZE = 20 > 




<label><span class="po">e-mail :  </span></label>
<INPUT TYPE ="text" NAME="txtEmail" SIZE = 20 > 
<INPUT TYPE = "Submit" value = "Enviar">


</FORM>
</body>

Lord_Heken · 11 Sep 2008

Esta es una manera de hacerlo, acceder a los objetos por medio del document.getElementById, para acceder a los obejetos del form se utiliza document.Formulario. y el nombre del objeto o control.

Suerte ahi!!..

Code:

    <html>
    <head>
    <style type="text/css">
    <!--
    .style1 {font-size: 24px}
    body,td,th {
       color: #FFFFFF;
    }
    body {
       background-color: #333333;
    }
    -->
    </style>
    <script language="javascript" type="text/javascript"> 
     
      function Validar(){
      
        if (document.getElementById("txtNombre").value == ""){
          alert("Debe ingresar un nombre"); 
          document.getElementById("txtNombre").focus(); return
        }else{
          if (document.getElementById("txtLugar").value == ""){
            alert("Debe ingresar un lugar"); 
            document.getElementById("txtLugar").focus();
          }else{
            if (document.getElementById("txtEmail").value == ""){
              alert("Debe ingresar un e-mail"); 
              document.getElementById("txtEmail").focus();
            }else{
              document.Formulario.submit();
            }
          }
        }
    }
    </script>
    </head>
    <body>

    <FORM  id="Formulario" name ="Formulario" METHOD = "POST" ACTION = "Lista.jsp">
    

    <label><span class="po">Nombre :  </span></label>
    <input type="text" name="txtNombre" id="txtNombre">
    

    

    <label><span class="po">Lugar  :  </span></label>
    <INPUT TYPE ="text" NAME="txtLugar" id="txtLugar" SIZE = 20 >
    

    

    <label><span class="po">e-mail :  </span></label>
    <INPUT TYPE ="text" NAME="txtEmail" id="txtEmail" SIZE = 20 >
    <input TYPE="button" name="Envio" value="Enviar" onClick="Validar()">
    

    </FORM>
    </body>

DieX · 11 Sep 2008

grx mae, de hecho iba a postear que ya lo habia solucionado igual voy a probar su codigo

pura vida

DieX · 11 Sep 2008

Si mae esa tmb me funko, pero vea para validar el mail. que tenga el @ y el ."com" o lo q sea

Code:

if (form.txtEmail.value == "")
{ alert("Por favor ingrese su dirección de e-mail"); form.txtEmail.focus(); return; }

if (form.txtEmail.value.indexOf('@', 0) == -1 ||
form.txtEmail.value.indexOf('.', 0) == -1)
{ alert("Dirección de e-mail inválida"); form.txtEmail.focus(); return; }

Lord_Heken · 12 Sep 2008

Esa es una buena manera pero no te asegura que el correo sea correcto...el hecho que exista "@" no indica su validez.. este es un bueno ejemplo....igual.. funcionan las 2 maneras!!!

Code:

function validate(form_id,email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = document.forms[form_id].elements[email].value;
   if(reg.test(address) == false) {
      alert('Direccion Invalida');
      return false;
   }
}

Pura Vida!!

Problema con JavaScript

Sí

No

Sí

No

Sí

No

¡Tendencia!

¡Caliente!

Sí

No

Sí

No

Sí

No

Santa Claus

La Señora Claus

El Grinch

Un Elfo

El Reno Rodolfo

El Muñeco de Nieve

Sí

No

Sí

No

Si

No

Sí

No