{"id":38374,"date":"2020-12-19T06:03:26","date_gmt":"2020-12-18T21:03:26","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=38374"},"modified":"2020-12-19T08:14:27","modified_gmt":"2020-12-18T23:14:27","slug":"max-min-length-options-and-character-count","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/max-min-length-options-and-character-count\/","title":{"rendered":"Opciones de longitud m\u00ednima, longitud m\u00e1xima y recuento de caracteres"},"content":{"rendered":"\n

La versi\u00f3n 4.1 de Contact Form 7 ha introducido opciones de longitud m\u00ednima y m\u00e1xima para algunas etiquetas de formulario<\/a>, y un nuevo tipo de etiqueta de formulario para un recuento de caracteres, similar a como lo hace Twitter.<\/p>\n\n\n\n\n\n\n

Opciones de longitud m\u00ednima y longitud m\u00e1xima<\/h4>\n\n\n\n

Las opciones maxlength<\/code> y minlength<\/code> est\u00e1n basadas en los atributos HTML5 del mismo nombre que especifican la longitud m\u00ednima y m\u00e1xima permitida para los campos de entrada.<\/p>\n\n\n\n

Los tipos de etiquetas de formulario que son compatibles tanto con maxlength<\/code> como con minlength<\/code> son: text<\/code>, textarea<\/code>, email<\/code>, url<\/code>, tel<\/code>, quiz <\/code>y captchar <\/code>(respuesta CAPTCHA). Estas etiquetas de formulario (excepto quiz<\/code> y captchar<\/code>) tambi\u00e9n son compatibles con la validaci\u00f3n de entrada del usuario basada en la longitud de los caracteres.<\/p>\n\n\n\n

Ejemplo:<\/p>\n\n\n\n

[textarea* tu-mensaje minlength:10 maxlength:140]<\/pre>\n\n\n\n
Con la etiqueta de formulario textarea<\/code> del ejemplo anterior, ver\u00e1s un mensaje de error de validaci\u00f3n si tu entrada tiene menos de 10 caracteres o m\u00e1s de 140 caracteres. Sin embargo, la mayor\u00eda de los navegadores te impedir\u00e1n escribir m\u00e1s all\u00e1 del l\u00edmite de longitud m\u00e1xima.<\/p>\n\n\n\n
El formato anterior para establecer una longitud m\u00e1xima (ejemplo: [textarea* tu-mensaje 40\/140<\/strong>]<\/code>) todav\u00eda est\u00e1 disponible, pero si la opci\u00f3n expl\u00edcita maxlength<\/code>  est\u00e1 establecida, lo sobrescribir\u00e1.<\/p>\n\n\n\n
Recuento de caracteres<\/h4>\n\n\n\n
Es posible que quieras un recuento de caracteres para un campo de entrada con la opci\u00f3n maxlength<\/code>, que indique cu\u00e1ntos caracteres has escrito, o puedes escribir en el campo, hasta alcanzar el l\u00edmite de longitud m\u00e1xima.<\/p>\n\n\n\n
Para a\u00f1adir un recuento de caracteres, inserta una etiqueta de formulario count<\/code> en tu formulario. La etiqueta count<\/code> solo funciona como un marcador de posici\u00f3n para un recuento de caracteres (entero). Ten en cuenta que la etiqueta debe tener el mismo nombre del campo de entrada al que quieres asignarla.<\/p>\n\n\n\n
Por ejemplo, si tienes este campo (nombre = \u00abtu-mensaje\u00bb):<\/p>\n\n\n\n
[textarea* tu-mensaje minlength:10 maxlength:140]<\/pre>\n\n\n\n
y quieres activar el recuento de caracteres en este campo, a\u00f1ade [count tu-mensaje]<\/code>:<\/p>\n\n\n\n
[textarea* tu-mensaje minlength:10 maxlength:140]\n[count tu-mensaje]<\/pre>\n\n\n\n
Por defecto, la etiqueta count<\/code> muestra el n\u00famero de caracteres en el campo asignado, por lo que su valor entero aumenta a medida que escribes.<\/p>\n\n\n\n
Tambi\u00e9n puedes invertir el conteo para que muestre el n\u00famero de caracteres restantes hasta la longitud m\u00e1xima del campo asignado. Para ello, a\u00f1ade la opci\u00f3n down<\/code> en la etiqueta de formulario count<\/code>:<\/p>\n\n\n\n
[textarea* tu-mensaje minlength:10 maxlength:140]\n[count tu-mensaje down]<\/pre>\n\n\n\n
En este caso, la etiqueta count<\/code> muestra \u00ab140\u00bb al comienzo, disminuyendo a medida que escribes: cuando hayas escrito 140 caracteres, mostrar\u00e1 \u00ab0\u00bb.<\/p>\n\n\n\n
Demostraci\u00f3n:<\/h4>\n\n\n\n
\n
<\/p> 
    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    <\/div>\n\n