Copiar texto de textarea a input y limitar caracteres

malcomxar · #1 (**permalink**) 20/05/2012, 09:25

Hola!

Resulta que tengo un formulario con un input (oculto) y un textarea.

La cosa es que quiero copiar los primeros 10 caracteres del textarea al input a medida que se va tipeando y a su vez agregarle unos 5 numeros random al final.

Ejemplo:

Contenido del textarea: Esta es una prueba
Contenido del input: Esta es un19984

Eso a medida que el usuario va tipeando.

Pude lograr que el copie los caracteres pero no limita la cantidad de caracteres. Si le hago click (y tiene mas de 10) no me deja escribir, pero la idea es que lo limite solo porque el input estaria oculto.

http://jsfiddle.net/bxHQ5/

Estoy usando jquery! En el fiddle no esta lo del limite de caracteres.

Alguien me da una mano?

Pablo Ayala · #2 (**permalink**) 21/05/2012, 14:20

Hola, te servira esto?

Código HTML:

Ver original<textarea id="mitexto"></textarea>    
        <input type="text" id="miid" />
 
<script>
    
$(document).ready(function(){
    var aleatorio = Math.ceil(Math.random()*100);
    
    $("#mitexto").keyup(function(){
    var texto = $(this).val().length;   
    if (texto <= 10){
        $("#miid").val($(this).val()+""+aleatorio);
    } 
    });  
});
    
</script>

saludos

malcomxar · #3 (**permalink**) 21/05/2012, 23:33

Hola pablo!

Realmente te agradezco, pero el codigo no me funciono.

Vos lo probaste?

Saludos!

Pablo Ayala · #4 (**permalink**) 24/05/2012, 17:05

ehhh
incluiste jquery?

Creo que no... jejej
SI, si probe el codigo...

entre las etiquetas
<head></head>

De tu pagina, debes poner esto:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

De preferencia si descargas la libreria y la pones en tu servidor...

Saludos