Foros del Web » Programando para Internet » Javascript »

Como le puedo hacer ?

Estas en el tema de Como le puedo hacer ? en el foro de Javascript en Foros del Web. hola mi pregunta es como puedo hacerle para que en un textbox ponga un numero X y en base a eso en un textarea solo ...
  #1 (permalink)  
Antiguo 26/09/2008, 12:08
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Como le puedo hacer ?

hola

mi pregunta es como puedo hacerle para que en un textbox ponga un numero X y en base a eso en un textarea solo pueda meter solo ese numero de caracteres

Código:
<HTML>
<style type="text/css">
<!--
.Estilo1 {
	       font-family: "Lucida Console";
	       font-size: 12px;
         }
.Estilo2 {font-size: 12px}
.Estilo3 {font-family: "Lucida Console"}
-->
</style>

   <Script>
   
						 
      <!-- 
            function checkFields(){
                                    missinginfo = "";
                                    if (document.form1.archivo.value == ""){
                                                                             missinginfo += "\n     -  Nombre";
                                                                           }

                                    if (document.form1.numero.value == ""){
                                                                            missinginfo += "\n     -  Rango";
                                                                          }

                                    if(document.form1.datos.value == ""){
                                                                          missinginfo += "\n     -  Datos";
                                                                        }

                                    if (missinginfo != ""){
                                                            missinginfo = "Te ha faltado introducir los siguientes datos:\n" +
                                                            missinginfo + "\n¡Por favor rellena los datos y prueba de nuevo!";
                                                            alert(missinginfo);
                                                            return false;
                                                          }
                                                          else{
														        return true;
                                                              }
								 }
      //-->
	  
	  <!--
	              function checkFields1(){
                                           missinginfo = "";
                                           if (document.form2.abrir.value == ""){
                                                                                  missinginfo += "\n     -  Nombre";
                                                                                }

                                           if (missinginfo != ""){
                                                                   missinginfo = "Te ha faltado introducir los siguientes datos:\n" +
                                                                   missinginfo + "\n¡Por favor rellena los datos y prueba de nuevo!";
                                                                   alert(missinginfo);
                                                                   return false;
                                                                 }
                                                                 else{
														               return true;
                                                                     }
								         }
      //-->

     <!--
         var nav4 = window.Event ? true : false;
         function acceptNum(evt){
                                  var key = nav4 ? evt.which : evt.keyCode;	
                                  return (key <= 13 || (key >= 48 && key <= 57));
                                }
     //-->
	 
	         function maximaLongitud(numero,maxlong){ 
                                                      var tecla, in_value, out_value; 
                                                      if (numero.value.length > maxlong){ 
                                                                                          in_value = datos.value; 
                                                                                          out_value = in_value.substring(0,maxlong); 
                                                                                          datos.value = out_value; 
                                                                                          return false; 
                                                                                        } 
                                                      return true; 
                                                    }    esta es la funcion
   </Script>

   <Body>


       <form name="form1" method="post" action="Crear.php" onsubmit="return checkFields();">

             <p class="Estilo2"><span class="Estilo3">Nombre Archivo:</span> 
               <input type="text" name="archivo">
             </p>
             <p class="Estilo2 Estilo3">Numero de Datos a Ingresar:
               <input type="text" name="numero" onKeyPress="return acceptNum(event)">
             </p>
	           <p><span class="Estilo1">Ingresar Numeros Enteros:</span> 
               <textarea name="datos" cols="30" onKeyPress="return acceptNum(event)" onKeyUp="return maximaLongitud('numero')"></textarea>
             </p>
             <p> 
               <input type="submit" value="Guardar">
             </p>
			 
       </form>

   <form name="form2" method="post" action="Leer.php" onsubmit="return checkFields1();">
           
        <p><span class="Estilo2 Estilo3">MODO DE ABRIR EL ARCHIVO</span></p>
        <p>
           <input name="forma" type="radio" value="lectura" checked><span class="Estilo1">LECTURA
           <input name="forma" type="radio" value="modific">MODIFICAR</span>
	    </p>
        <p><span class="Estilo1">Nombre del Archivo:</span> 
           <input type="text" name="abrir">
           <input type="submit" value="Abrir">
        </p>
	 
   </Form>
       
   </Body>

</Html>

Última edición por Quclii; 26/09/2008 a las 16:26
  #2 (permalink)  
Antiguo 26/09/2008, 12:14
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Como le puedo hacer ?

Hola Quclii

En las FAQs del foro de JavaScript tienes un código que te servirá.

Saludos,
  #3 (permalink)  
Antiguo 26/09/2008, 12:17
Avatar de jpinedo
Colaborador
 
Fecha de Ingreso: septiembre-2003
Ubicación: Lima, Perú
Mensajes: 3.120
Antigüedad: 20 años, 7 meses
Puntos: 41
Respuesta: Como le puedo hacer ?

Tema trasladado desde PHP a Javascript
  #4 (permalink)  
Antiguo 26/09/2008, 12:33
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

Cita:
Iniciado por JavierB Ver Mensaje
Hola Quclii

En las FAQs del foro de JavaScript tienes un código que te servirá.

Saludos,
oye me meti donde tu me dijiste y estoy como wey por que hice la pregunta y la busque y no aparecio y la volvi hacer y me aparecio el anterior y volvi a buskar las dos y no aparecieron que paso ?
  #5 (permalink)  
Antiguo 26/09/2008, 12:40
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación Respuesta: Como le puedo hacer ?

Las FAQ's no son para preguntar, aquí está el código que mencionaba JavierB:
http://www.forosdelweb.com/f13/faqs-...tml#post499235
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #6 (permalink)  
Antiguo 26/09/2008, 12:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Como le puedo hacer ?

Hola de nuevo.

No te dije que te metieras en las FAQs; te dije que en las FAQs hay un código que responde a tu pregunta. En los primeros mensajes de este foro tienes en índice de las FAQs, úsalo.

Edito: otro choque, David

Saludos,
  #7 (permalink)  
Antiguo 26/09/2008, 13:07
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Por que no funcona esta validacion?

tengo un function que se supone no me tiene que dejar que los textbox esten vacios pero el problema esque no hace la funcion le doy al boton de guardar y se envia el formulario en que estoy mal ?


Código:
<HTML>
<style type="text/css">
<!--
.Estilo1 {
	       font-family: "Lucida Console";
	       font-size: 12px;
         }
.Estilo2 {font-size: 12px}
.Estilo3 {font-family: "Lucida Console"}
-->
</style>

   <Script>
   
						 
      <!-- 
            function checkFields(){
                                    missinginfo = "";
                                    if (document.form1.archivo.value == ""){
                                                                             missinginfo += "\n     -  Nombre";
                                                                           }

                                    if (document.form1.numero.value == ""){
                                                                            missinginfo += "\n     -  Nombre";
                                                                          }

                                    if(document.form1.datos.value == ""){
                                                                          missinginfo += "\n     -  Comentarios";
                                                                        }

                                    if (missinginfo != ""){
                                                            missinginfo = "Te ha faltado introducir los siguientes datos:\n" +
                                                            missinginfo + "\n¡Por favor rellena los datos y prueba de nuevo!";
                                                            alert(missinginfo);
                                                            return false;
                                                          }
                                                          else{
														        return true;
                                                              }
								 }
      //-->

     <!--
         var nav4 = window.Event ? true : false;
         function acceptNum(evt){
                                  var key = nav4 ? evt.which : evt.keyCode;	
                                  return (key <= 13 || (key >= 48 && key <= 57));
                                }
     //-->

   </Script>

   <Body>


       <form name="form1" method="post" action="Crear.php">

             <p class="Estilo2"><span class="Estilo3">Nombre Archivo:</span> 
               <input type="text" name="archivo">
             </p>
             <p class="Estilo2 Estilo3">Numero de Datos a Ingresar:
               <input type="text" name="numero" onKeyPress="return acceptNum(event)">
             </p>
	           <p><span class="Estilo1">Ingresar Numeros Enteros:</span> 
               <textarea name="datos" cols="30" onKeyPress="return acceptNum(event)"></textarea>
             </p>
             <p> 
               <input type="submit" value="Guardar" onsubmit="return checkFields();">
             </p>
			 
       </form>

   <form method="post" action="Leer.php">
           
        <p><span class="Estilo2 Estilo3">MODO DE ABRIR EL ARCHIVO</span></p>
        <p>
           <input name="forma" type="radio" value="lectura" checked><span class="Estilo1">LECTURA
           <input name="forma" type="radio" value="modific">MODIFICAR</span>
	    </p>
        <p><span class="Estilo1">Nombre del Archivo:</span> 
           <input type="text" name="abrir">
           <input type="submit" value="Abrir">
        </p>
	 
   </Form>
       
   </Body>

</Html>

Última edición por Quclii; 26/09/2008 a las 15:42
  #8 (permalink)  
Antiguo 26/09/2008, 13:15
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Por que no funcona esta validacion?

En principio te diría que te fijaras en la consola de Javascript del navegador que estés usando, ya que si hay errores de sintaxis el Javascript no funciona.

Además, la función vacio() no existe: la que declaraste se llama Vacio()

Otro detalle: el formulario se puede enviar sin pasar por la validación simplemente presionando "enter" una vez se completan los datos. Para que siempre se ejecute la función antes de enviar el formulario tenés que usar el evento "onsubmit" de la etiqueta FORM, en vez del "onclick" en el botón.


Saludos.
  #9 (permalink)  
Antiguo 26/09/2008, 13:17
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación Respuesta: Por que no funcona esta validacion?

Otro detalle más, debe ser "return vacio()" en el onsubmit como ya mencionó alvlin.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #10 (permalink)  
Antiguo 26/09/2008, 13:23
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Por que no funcona esta validacion?

okz muchas gracias solo una duda como puedo ver eso de la consola de javascript si tengo el explorer?
  #11 (permalink)  
Antiguo 26/09/2008, 13:24
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Por que no funcona esta validacion?

En explorer tenés que habilitarla manualmente en las "propiedades de internet" y reiniciar el navegador. Luego te aparecerá en el menú de Herramientas.

Pero mejor usá Opera o Firefox, que lo tienen más sencillo


Saludos.
  #12 (permalink)  
Antiguo 26/09/2008, 13:39
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Por que no funcona esta validacion?

mmmm pues no encontre lo de reiniciar el navegador y utilice el firefox y kreo que me perjudico por que algunas validaciones que tenia no me las acepta como le puedo hacer
  #13 (permalink)  
Antiguo 26/09/2008, 13:42
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación Respuesta: Por que no funcona esta validacion?

Si no acepta las validaciones es porque el código en sí está mal. Debes mirar la Consola de Errores y tratar de corregir esos errores.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #14 (permalink)  
Antiguo 26/09/2008, 13:44
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Por que no funcona esta validacion?

Si "no te las acepta" puede ser que en realidad tengas errores de sintaxis que el IE acepta. Pero siguen siendo errores y deberías corregirlos.

La consola de Javascript está para ayudarte, deberías fijarte en los errores que te muestra e intentar corregirlos.


Saludos.
  #15 (permalink)  
Antiguo 26/09/2008, 13:45
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Por que no funcona esta validacion?

Cita:
Iniciado por David el Grande Ver Mensaje
Si no acepta las validaciones es porque el código en sí está mal. Debes mirar la Consola de Errores y tratar de corregir esos errores.
David, ¡ya basta de chocar conmigo!
  #16 (permalink)  
Antiguo 26/09/2008, 13:48
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Por que no funcona esta validacion?

Eres tú quien chocaste conmigo, yo llegué primero .

Saludos .

P.S.: ¿Ya te has fijado por qué los contestones como tú y yo solemos tener morados los ojos ?
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #17 (permalink)  
Antiguo 26/09/2008, 15:44
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Por que no funcona esta validacion?

ya cambie la funcion y aun asi no me sale
  #18 (permalink)  
Antiguo 26/09/2008, 15:50
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación Respuesta: Por que no funcona esta validacion?

Hay varias cosas que están mal, una de ellas que veo a simple vista es que el onsubmit debe estar en el form y no en el input type submit.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #19 (permalink)  
Antiguo 26/09/2008, 16:05
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Por que no funcona esta validacion?

grax ya encontre el error
  #20 (permalink)  
Antiguo 26/09/2008, 16:26
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

no le entiendo muy bien a la funcion espero y me puedan ayudar
  #21 (permalink)  
Antiguo 26/09/2008, 16:30
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Pregunta Respuesta: Como le puedo hacer ?

¿Qué es lo que intentaste y qué es lo que no has conseguido o entendido?
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #22 (permalink)  
Antiguo 26/09/2008, 16:36
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

pues de intentar casi nada por ke ya ves que tu me dijiste de donde sakara una funcion que me podria ayudar pero no le entiendo bn entonces podriadecirse que le e pikado a lo tonto komo podras ver el en codigo que esta al principio entonces no se si me puedas ayudar a explikarme la funcion o en que estoy mal
  #23 (permalink)  
Antiguo 26/09/2008, 16:40
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación

En el ejemplo de las FAQ's ya pusieron cómo aplicarlo:
Código html:
Ver original
  1. <textarea name="nombre_textarea" cols="50" rows="5" onKeyUp="return maximaLongitud(this,254)">
En ese caso la máxima longitud es 254.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #24 (permalink)  
Antiguo 26/09/2008, 16:44
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

entonces en la funcion la paso como esta y en esta parte solo pongo el nombre del campo ejemplo asi

onKeyUp="return maximaLongitud('numero')" ?


estoy mal?
  #25 (permalink)  
Antiguo 26/09/2008, 16:46
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Exclamación Respuesta: Como le puedo hacer ?

Sí, estás mal, el primer parámetro es el textarea (por lo que debes dejarlo como "this") y el segundo la longitud, pero no puedes pasarle solo el nombre del campo que tiene la longitud deseada, primero tienes que obtener el valor de ese campo para pasarlo por parámetro.

P.S.: Tal vez un manual de Javascript te ayudará bastante.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #26 (permalink)  
Antiguo 26/09/2008, 16:59
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

entonces como seria porfis necesito ayuda
  #27 (permalink)  
Antiguo 26/09/2008, 17:46
Avatar de Quclii  
Fecha de Ingreso: julio-2008
Ubicación: Guadalajara
Mensajes: 76
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Como le puedo hacer ?

porfas necesito ayuda
  #28 (permalink)  
Antiguo 27/09/2008, 02:13
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Como le puedo hacer ?

No repitas el mismo mensaje. Temas unidos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:52.