Foros del Web » Programando para Internet » Javascript »

Ayuda con input como puedo evitar "enter".

Estas en el tema de Ayuda con input como puedo evitar "enter". en el foro de Javascript en Foros del Web. Hola, Eh tratado de buscar de diferente manera, pero no tengo idea de como buscar y dar con exactitud con el resultado, pero me animé ...
  #1 (permalink)  
Antiguo 21/02/2011, 18:52
Avatar de BekoxD  
Fecha de Ingreso: mayo-2008
Ubicación: Perú
Mensajes: 220
Antigüedad: 15 años, 10 meses
Puntos: 11
Pregunta Ayuda con input como puedo evitar "enter".

Hola,
Eh tratado de buscar de diferente manera, pero no tengo idea de como buscar y dar con exactitud con el resultado, pero me animé a postear y preguntar en este foro.

Tengo un sitio web de frases, que funciona todo bien, solo hay un detalle que quiero agregar, la caja es:
Cita:
<form method="post" action="lafrase.php">
<script> var msg = 'MAKE YOUR OWN PAGE...';</script>
<input value="MAKE YOUR OWN PAGE..." name="like" class="texto2" id="texto" onBlur="if(this.value == '') this.value = msg;" onClick="if(this.value == msg) this.value = '';" maxlength="400" autocomplete="off" type="text">
<script>var d = document.getElementById('texto');d.value = msg;function checkfields(){if(d == '' || d == msg) return false; return true;}</script>

<input class="boton" id="searchform_submit" value="Create!" onClick="if(d.value == msg) return false;" type="submit" name="crear">
<br><br>

</form>
Cuando escribo la frase dentro del form y quiero cambiar por ejemplo asi.

- Hija: te amo madre (entonces cuando deceo cambiarme a la siguiente linea uso el "enter" automaticamente se postea la frase sin darme chance a escribir en la siguiente linea)
-Madre: Yo tambien hija mia. (esta linea ya no se puede escribir)

Ahora si me brindaran la ayuda para necesaria para solucionar ese paso, entonces la siguiente seria que una vez que pueda escribir las dos linea y dando click en "Create!" se creara la frase de este modo:

- Hija: te amo madre.
-Madre: Yo tambien hija mia.

más NO de este modo:
- Hija: te amo madre. -Madre: Yo tambien hija mia.

Estare muy agradecido por su ayuda.
Estoy las 24 en linea cualquier duda estare atento y corroborare.

Muchas gracias de antemano.. :)
Saludos
__________________
Si tú sabes lo que vales, ve y consigue lo que mereces.
  #2 (permalink)  
Antiguo 22/02/2011, 11:09
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 11 meses
Puntos: 528
Respuesta: Ayuda con input como puedo evitar "enter".

1. Si quieres que se se pueda introducir dos o mas lineas, no uses input text, usa <textarea>
2. Que se creara la frase... ¿en donde? si envias texto de un textarea con varias lineas (enters), así lo recibirás, pero dependerá del tratamiento que le vayas a dar.
  #3 (permalink)  
Antiguo 22/02/2011, 11:46
Avatar de BekoxD  
Fecha de Ingreso: mayo-2008
Ubicación: Perú
Mensajes: 220
Antigüedad: 15 años, 10 meses
Puntos: 11
Respuesta: Ayuda con input como puedo evitar "enter".

Gracias por su respuesta, pero lo que necesito es trabar con input :(

Alguna otra sugerencia sobre eso?
__________________
Si tú sabes lo que vales, ve y consigue lo que mereces.
  #4 (permalink)  
Antiguo 22/02/2011, 11:52
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 11 meses
Puntos: 528
Respuesta: Ayuda con input como puedo evitar "enter".

Pues no, ya que por definición el input sólo acepta una linea.
Opción chapucera: detecta cuando se presiona enter (onkeyup) y sustituye el caracter por un <br/> (salto de linea en html). Pero me parece un planteamiento absurdo cuando tienes la otra opción.
  #5 (permalink)  
Antiguo 22/02/2011, 13:52
Avatar de BekoxD  
Fecha de Ingreso: mayo-2008
Ubicación: Perú
Mensajes: 220
Antigüedad: 15 años, 10 meses
Puntos: 11
Respuesta: Ayuda con input como puedo evitar "enter".

no encuentro la manera de hacerle funcionar con textarea, no conecta a la db :(
__________________
Si tú sabes lo que vales, ve y consigue lo que mereces.
  #6 (permalink)  
Antiguo 22/02/2011, 17:27
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 11 meses
Puntos: 528
Respuesta: Ayuda con input como puedo evitar "enter".

un textarea no es más que un elemento html, igual que un input, a menos que lo hayas usado mal, al recibirlo se trata exactamente igual que un input. No veo de qué manera el usar un textarea pueda hacer que lo que estés haciendo no "conecte a la db".
  #7 (permalink)  
Antiguo 22/02/2011, 19:03
Avatar de BekoxD  
Fecha de Ingreso: mayo-2008
Ubicación: Perú
Mensajes: 220
Antigüedad: 15 años, 10 meses
Puntos: 11
Respuesta: Ayuda con input como puedo evitar "enter".

Haber si me hechas una mano modificando el condigo input que deje reemplazanando por el textarea.
__________________
Si tú sabes lo que vales, ve y consigue lo que mereces.
  #8 (permalink)  
Antiguo 22/02/2011, 19:31
 
Fecha de Ingreso: enero-2011
Ubicación: Argentina
Mensajes: 80
Antigüedad: 13 años, 2 meses
Puntos: 12
Respuesta: Ayuda con input como puedo evitar "enter".

Yo evito el uso del enter dentro de los textarea de esta forma con JQuery.
No sé si pueda servir de algo pero lo pongo por las dudas. Saludos!


Código Javascript:
Ver original
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
  2. <script language="javascript">
  3. /* ##### Anulamos el ENTER en el formulario con JQuery ##### */
  4. $(document).ready(function() {
  5.  
  6.   $('form1').keypress(function(e){  
  7.     if(e == 13){
  8.       return false;
  9.     }
  10.   });
  11.  
  12.   $('textarea').keypress(function(e){
  13.     if(e.which == 13){
  14.       return false;
  15.     }
  16.   });
  17.  
  18. });
  19. </script>

Código HTML:
Ver original
  1. <form id="form1" name="form1" method="post" action="">
  2.   <p>
  3.     <label for="textarea"></label>
  4.     <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
  5.   </p>
  6. </form>

Última edición por MaxDgy; 22/02/2011 a las 19:54

Etiquetas: input, textarea
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 17:52.