Cómo evitar que el usuario ingrese texto en el área de texto después de alcanzar el límite máximo de caracteres
Quiero evitar que el usuario ingrese texto en textarea una vez que alcance un límite máximo de caracteres. Lo que estaba sucediendo es que cuando llegué al límite máximo, entonces mi barra de desplazamiento del área de texto se movió hacia arriba. De alguna manera, evito esto con este código.
<code>jQuery(document).ready(function($) { $('textarea.max').keyup(function() { var $textarea = $(this); var max = 400; if ($textarea.val().length > max) { var top = $textarea.scrollTop(); $textarea.val($textarea.val().substr(0, max)); $textarea.scrollTop(top); } }); }); //end if ready(fn) </code>
Pero también quiero que, después de alcanzar el límite máximo, el usuario no pueda escribir nada en el área de texto. Actualmente, lo que sucede es que después de alcanzar el límite máximo si el usuario presiona y mantiene presionada la tecla, los caracteres están escribiendo en el área de texto, aunque después de soltar el botón vuelve al texto original (es decir, $ textarea.val ($ textarea.val ()). substr (0, max));). Pero quiero que una vez que esta condición se haga realidad.
<code>if ($textarea.val().length > max) { </code>
El usuario no puede escribir nada. Quiero que el cursor desaparezca del área de texto. Pero si el usuario elimina algún texto, el cursor también está disponible para que el usuario escriba la entrada nuevamente. ¿Cómo puedo hacerlo?