Retroceder   Foro Respuestas > Desarrollo web > Lenguajes y Scripts > Javascript

Respuesta
 
Herramientas Desplegado
  #1  
Antiguo 07/03/08, 03:16:05
Handware Handware Está Desconectado
Junior Member
 
Fecha de Ingreso: mar 2008
Mensajes: 23
Lightbulb Validar un Formulario

Muchas veces nos interesa que cuando enviamos un Formulario se nos queda alguna información sin rellenar, cosa que el destinatario desagrada porque no sabe como devolver una respuesta.

Para validar un formulario se usa javascript y conozco 2 maneras de hacerlo:

1. En el DreamWeaver hacer que este te valide el formulario que creas.
2. Mediante el siguiente código que puedes cambiar a tu medida:

Código:
<script language="javascript">
function valida_envia(){ 
    //valido el nombre 
    if (document.fvalida.nombre.value.length==0){ 
       alert("Tiene que escribir su nombre") 
       document.fvalida.nombre.focus() 
       return 0; 
    } 

    //valido la edad. tiene que ser entero mayor que 18 
    edad = document.fvalida.edad.value 
    edad = validarEntero(edad) 
    document.fvalida.edad.value=edad 
    if (edad==""){ 
       alert("Tiene que introducir un número entero en su edad.") 
       document.fvalida.edad.focus() 
       return 0; 
    }else{ 
       if (edad<18){ 
          alert("Debe ser mayor de 18 años.") 
          document.fvalida.edad.focus() 
          return 0; 
       } 
    } 

    //valido el interés 
    if (document.fvalida.interes.selectedIndex==0){ 
       alert("Debe seleccionar un motivo de su contacto.") 
       document.fvalida.interes.focus() 
       return 0; 
    } 

    //el formulario se envia 
    alert("Muchas gracias por enviar el formulario"); 
    document.fvalida.submit(); 
} 
</script>

Recuerda que lo puedes poner tanto en la cabezera como en el cuerpo antes del formulario:

<form name="fvalida"> 
<table> 
<tr> 
    <td>Nombre: </td> 
    <td><input type="text" name="nombre" size="30" maxlength="100"></td> 
</tr> 
<tr> 
    <td>Edad: </td> 
    <td><input type="text" name="edad" size="3" maxlength="2"></td> 
</tr> 
<tr> 
    <td>Interés:</td> 
    <td> 
    <select name=interes> 
    <option value="Elegir">Elegir 
    <option value="Comercial">Contacto comercial 
    <option value="Clientes">Atención al cliente 
    <option value="Proveedores">Contacto de proveedores 
    </select> 
    </td> 
</tr> 
<tr> 
    <td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()"></td> 
</tr> 
</table> 
</form> 

El formulario lo puedes cambiar a tu disposición (campos, etiquetas, etc)
Espero que les sirva
Responder Con Cita
  #2  
Antiguo 09/03/08, 23:23:34
nymphetamine nymphetamine Está Desconectado
Moderator
 
Fecha de Ingreso: feb 2008
Mensajes: 34
Predeterminado

Esta bueno el codigo, pero hay que hacerle unos cambios

Buscar
Código:
    edad = validarEntero(edad)
Reemplazar por
Código:
    edad = //validarEntero(edad)
Buscar
Código:
<form name="fvalida">
Reemplazar por
Código:
<form name="fvalida" action="formulario.php" method="post">
Cambiar formulario.php por el script donde se enviara este formulario.
Responder Con Cita
  #3  
Antiguo 10/03/08, 20:41:01
Handware Handware Está Desconectado
Junior Member
 
Fecha de Ingreso: mar 2008
Mensajes: 23
Predeterminado

una duda:

por qué dices que es mejor cambiar validarEntero por //validarEntero

Por qué debo colocar el doble "/", si con esto la línea me queda deshabilitada???
Responder Con Cita
  #4  
Antiguo 12/03/08, 02:09:06
nymphetamine nymphetamine Está Desconectado
Moderator
 
Fecha de Ingreso: feb 2008
Mensajes: 34
Predeterminado

es que estas intentando usar una funcion personalizada que no has declarado, por eso da error y la deshabilite
Responder Con Cita
Respuesta


Herramientas
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro


La franja horaria es GMT. Ahora son las 13:02:04.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
     
   
 
vRewrite 1.5 beta SEOed URLs completed by Tech Help Forum and Chalo Na.