• Publicidad

Validar campos de un formulario con JavaScript desde Perl

Discute todo acerca de JavaScript así como DHTML o la tecnología AJAX.

Re: Validar campos de un formulario con JavaScript desde Per

Notapor explorer » 2012-01-06 15:57 @706

Esta función hace la validación, no la transformación de datos. Solo comprueba que los datos leídos sean correctos, y por eso solo devuelve true o false.

Dices que quieres obtener la fecha con otro formato, pero no nos muestras el trozo de código donde la lees. Allí es donde tienes que hacer la transformación.
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14482
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España

Publicidad

Re: Validar campos de un formulario con JavaScript desde Per

Notapor carlos_82 » 2012-01-07 09:44 @447

En este código leo y guardo la fechaingreso. ¿Qué código y dónde lo debo colocar para hacer la transformación del formato dd mm aaa a yyy mm dd.


Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. <div id="wb_Text31" style="position:absolute;left:142px;top:2px;width:236px;height:16px;z-index:50;" align="center">
  2.  
  3.                         <font style="font-size:23px" color="#0000FF" face="Monotype Corsiva"> <b>Datos Del Equipo</b></font></div>
  4.                         <div id="wb_Text4" style="position:absolute;left:5px;top:52px;width:180px;height:30px;z-index:3;" align="left">
  5.                         <font style="font-size:16px" color="#0000FF" face="Monotype Corsiva">Código de Equipo:</font></div>
  6.                         <div id="wb_Text5" style="position:absolute;left:6px;top:89px;width:180px;height:16px;z-index:4;" align="left">
  7.                         <font style="font-size:16px" color="#0000FF" face="Monotype Corsiva">Nombre de Equipo:</font></div>
  8.                         <div id="wb_Text6" style="position:absolute;left:6px;top:122px;width:61px;height:16px;z-index:5;" align="left">
  9.                         <font style="font-size:16px" color="#0000FF" face="Monotype Corsiva">Descripcion:</font></div>
  10.                         <div id="wb_Text7" style="position:absolute;left:10px;top:158px;width:82px;height:16px;z-index:6;" align="left">
  11.                         <font style="font-size:16px" color="#0000FF" face="Monotype Corsiva">Fecha de Ingreso:</font></div>
  12.                                
  13.                         <input type="text" id="codequipo" style="position:absolute;left:120px;top:52px;width:80px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:26" name="codequipo" value="">
  14.                         <input type="text" id="nombreequipo" style="position:absolute;left:120px;top:89px;width:200px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:27" name="nombreequipo" value="">
  15.                         <input type="text" id="descripcion" style="position:absolute;left:120px;top:122px;width:350px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:28" name="descripcion" value="">
  16.  
  17. <input type="text" name="fechaingreso" id="fechaingreso"  style="position:absolute;left:115px;top:170px;width:100px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:26" name="fechaingreso"  value=""/>
  18.        
  19.  
  20.                         <input type='Button' value=Regresar  id=Accion OnClick="window.location.href='menu1.php'" style="position:absolute;left:220px;top:300px;width:90px;height:30px;font-family:Arial;font-size:13px;z-index:30">
  21.                         <input type="submit" id="Button1" name="guardar" value="Guardar"  style="position:absolute;left:180px;top:260px;width:75px;height:25px;font-family:Arial;font-size:13px;z-index:40">
  22.                         <input type="reset" id="Button3" name="cancelar" value="Cancelar" style="position:absolute;left:280px;top:260px;width:75px;height:25px;font-family:Arial;font-size:13px;z-index:40">
Coloreado en 0.006 segundos, usando GeSHi 1.0.8.4
carlos_82
Perlero nuevo
Perlero nuevo
 
Mensajes: 7
Registrado: 2012-01-06 08:45 @406

Re: Validar campos de un formulario con JavaScript desde Per

Notapor explorer » 2012-01-07 09:55 @455

No. Ese es el código HTML en donde recoges la información que te deja el usuario. Pero luego, ¿quién lo recoge? Pues la acción indicada en el <form> o en código JavaScript que lo transmite al servidor. Todo depende de lo que quieras hacer luego con esos datos, bien desde el lado del cliente o desde el servidor.

Nos has enseñado código JavaScript, con la que compruebas (validacion()) si los datos que ha metido el usuario son correctos. Pero luego, ¿qué ocurre con ellos? ¿Son transmitidos al servidor? Entonces será allí donde puedas leer los datos, y transformarlos al formato que tu quieras.

P.D. Revisando el código, aparece un botón donde se ejecuta la carga de la página menu1.php. Ahí es donde recibirás los datos.
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14482
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España

Re: Validar campos de un formulario con JavaScript desde Per

Notapor carlos_82 » 2012-01-07 10:12 @466

Aquí guardo la información del formulario.

Me imagino que es esto a lo que te refieres. Estoy haciendo un sistema de inventario de equipos de computación y esto es lo único que me falta para terminarlo. Te agradezco si me puedes ayudar.

Sintáxis: [ Descargar ] [ Ocultar ]
Using php Syntax Highlighting
  1. <?php
  2. session_start();
  3.         require_once("conexion.php");
  4.           session_start();
  5.         if (isset($_POST['guardar'])) {
  6.                 $codequipo=$_POST['codequipo'];
  7.                 $nombreequipo=$_POST['nombreequipo'];
  8.                 $descripcion=$_POST['descripcion'];
  9.                 $fechaingreso=$_POST['fechaingreso'];
  10.                 $usuario=$_SESSION['usuario'];
  11.                 $accion= 'insertar';
  12.                 $fecha= date('y-m-d h:m:s');
  13.                 $status= '1';
  14.                
  15.                
  16.                 $strsql="select * from insertar where  codequipo='$codequipo'";
  17.          
  18.                 $resul=mysql_query($strsql,$conexion);
  19.          
  20.                 if($resul=mysql_fetch_assoc($resul)){
  21.          
  22.                         echo '<center><font color="#0033FF"> <br><br><br>  Este equipo Ya Existe!!<br><br><br>';
  23.          
  24.                         echo '<a href="insertar.php">Agregar un nuevo equipo </a>';
  25.                        
  26.                          
  27.                 }else {
  28.                
  29.                         $strsql= "insert into insertar (codequipo,nombreequipo,descripcion,fechaingreso,usuario,accion,fecha,status) values ('$codequipo', '$nombreequipo', '$descripcion', '$fechaingreso', '$usuario', '$accion', '$fecha ' , '$status')";
  30.          
  31.                         $resul = mysql_query($strsql,$conexion);
  32.          
  33.                         echo '<center> <font color="#0033FF"><br><br><br> El equipo se ha Incluido con Exito<br><br><br>';
  34.                        
  35.                         echo '<a href="insertar.php">Agregar un Nuevo Equipo </a>';
  36.                 }
  37.         }        
  38.                
  39.                 if (isset($_POST['modificar'])) {
  40.                 $codequipo=$_POST['codequipo'];
  41.                 $nombreequipo=$_POST['nombreequipo'];
  42.                 $descripcion=$_POST['descripcion'];
  43.                 $fechaingreso=$_POST['fechaingreso'];
  44.                 $usuario=$_SESSION['usuario'];
  45.                 $accion= 'modificar';
  46.                 $fecha= date('y-m-d h:m:s');
  47.                
  48.                
  49.                                        
  50.                 $strsql= "UPDATE insertar SET codequipo='$codequipo, descripcion='$descripcion', fechaingreso='$fechaingreso', usuario='$usuario', accion='$accion', fecha='$fecha'   where codequipo=$codequipo";
  51.          
  52.                 mysql_query($strsql,$conexion);
  53.          
  54.                 mysql_close($conexion);
  55.                 session_destroy();
  56.          
  57.                 echo '<center> <font color="#0033FF"><br><br><br>El Equipo ha sido Modificado con Exito<br><br><br>';
  58.          
  59.                 echo '<a href="buscar_equi_existente.php">Buscar otro Equipo</a>';
  60.  
  61.                 }
  62.                
  63.                 ?>
Coloreado en 0.023 segundos, usando GeSHi 1.0.8.4
carlos_82
Perlero nuevo
Perlero nuevo
 
Mensajes: 7
Registrado: 2012-01-06 08:45 @406

Re: Validar campos de un formulario con JavaScript desde Per

Notapor explorer » 2012-01-07 10:24 @475

Lo sentimos. Este es un foro de Perl, no de PHP.

Deberás visitar un foro de PHP para que te resuelvan la duda.

(Yo hace bastante tiempo que dejé de programar en PHP.)

Saludos.
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14482
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España

Solución

Notapor carlos_82 » 2012-01-11 12:58 @582

Ya logré validar la fecha en este formato aaa mm dd. Aquí les dejo la solución para quien le pueda servir.

Ahora tengo otro problema: necesito validar dos fechas y que la primera no sea mayor a la segunda fecha. Si me pueden ayudar.

Sintáxis: [ Descargar ] [ Ocultar ]
Using javascript Syntax Highlighting
  1. <script language="javascript" type="text/javascript">  
  2. function validacion(formulario) {  
  3.  
  4.   //letra, numero,
  5.       var codequipo = /^([a-zA-Z0-9_ ])+$/                      //letra, numero,  
  6.     var nombreequipo = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/  //letras, '.' y '-' o vacio  
  7.         var descripcion = /^([a-zA-Z0-9_ \s])+$/  //letras, '.' y '-' o vacio  
  8.         //fechas, formato aaaa/mm/dd o aa/m/d
  9. var er_mes31dias = /^(1999|20[0-1][0-9]|2020)-(1|01|3|03|5|05|7|07|8|08|10|12)-([1-3]0|[0-2][1-9]|31|[0-9])$/
  10. var er_mes30dias = /^(4|04|6|06|9|09|11)-(4|04|6|06|9|09|11)-([1-3]0|[0-2][1-9]|[0-9])$/
  11. var er_mes28dias = /^(1999|200[1-3]|200[5-7]|2009|201[0-1]|201[3-5]|201[7-9])-(02|2)-([1-2]0|[0-2][1-8]|[0-1]9|[0-9])$/
  12. var er_mes29dias = /^(2000|2004|2008|2012|2016|2020)-(02|2)-([1-2]0|[0-2][1-9]|[0-9])$/
  13.                  for(x = 1; x < 5; x++) {  
  14.         if (formulario.elements[x].value.length > 50) {  
  15.             alert('La lontitud máxima permitida para cualquier campo es de 10 caracteres.')  
  16.             return false  
  17.         }  
  18.     }
  19.        
  20.            if(!codequipo.test(formulario.codequipo.value)) {  
  21.         alert('Contenido del campo Codequipo no válido.')  
  22.         return false  
  23.     }        
  24.   if(!nombreequipo.test(formulario.nombreequipo.value)) {  
  25.         alert('Contenido del campo NOMBRE EQUIPO no válido. Debe contener solo Letras ')  
  26.         return false  
  27.     }        
  28.  
  29.         if(!descripcion.test(formulario.descripcion.value)) {  
  30.         alert('Contenido del campo DESCRIPCION no válido. Debe contener letra y numero')  
  31.         return false  
  32.     }
  33.        
  34.  
  35. if (!(er_mes31dias.test(formulario.fechaingreso.value) ||
  36.                 er_mes29dias.test(formulario.fechaingreso.value) ||
  37.                 er_mes28dias.test(formulario.fechaingreso.value))) {
  38.                     alert('Contenido del campo FECHA no válido.        //fechas, formato aaaa-mm-dd o aa-m-d ejemplo 2011-10-10')
  39.                       return false
  40.                       }
  41.  
  42. return true
  43.  
  44.  
  45. }
  46. </script>
Coloreado en 0.002 segundos, usando GeSHi 1.0.8.4


Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. <div id="wb_Form1" style="position:absolute; background-color:#FFFFFF;border:5px #003366 double; left:135px;top:300px;width:505px;height:345px;z-index:65">
  2. <Form onsubmit="return validacion(this)" NAME ="FormValidacion" METHOD="POST" ACTION="guardarequipo.php">
Coloreado en 0.001 segundos, usando GeSHi 1.0.8.4
carlos_82
Perlero nuevo
Perlero nuevo
 
Mensajes: 7
Registrado: 2012-01-06 08:45 @406

Anterior

Volver a JavaScript

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

cron