es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Formatear campos de entrada automáticamente con Cleave.js

Piensa en todos los diferentes campos de entrada que requieren una estructura formateada . Los números de teléfono, las tarjetas de crédito, las fechas de nacimiento, las direcciones de las calles ... todos tienen sus propios patrones únicos .

Es bastante fácil dejar estos campos solos y confiar en el usuario. Pero podría ser mejor usar Cleave.js, un complemento gratuito de JavaScript para ayudarlo a formatear automáticamente los campos de entrada .

HTML5 viene con su propio conjunto de entradas relacionadas con patrones de datos, como números de teléfono. Con Cleave, puede llevar esto al próximo nivel con entradas personalizadas que formatean automáticamente el texto a medida que se escribe.

De forma predeterminada, el complemento admite cinco patrones de texto básicos :

  1. Números de tarjeta de crédito
  2. Números de teléfono
  3. fechas
  4. Estilo numérico (con comas)
  5. Campos de entrada personalizados

Esa última opción es la más genial porque puedes crear tus propios patrones de datos personalizados desde cero . Cleave no te obliga a seguir una metodología estricta.

En cambio, le brinda las herramientas para construir sus propias entradas con soporte opcional para componentes React y Angular . También es compatible con todos los principales navegadores y debe coincidir con el soporte para los navegadores heredados junto con jQuery .

Tenga en cuenta que este no es un plugin difícil de configurar. Apuntas a cualquier identificación o clase que tengas en tu campo de entrada y la pasas a una nueva instancia de Cleave . Aquí hay un fragmento de muestra:

 var cleave = new Cleave ('. input-phone', {phone: true, phoneRegionCode: '{country}'}); 

Sin embargo, aunque Cleave puede ser fácil de configurar, tiene muchas funciones personalizadas con las que puedes jugar.

Toda la documentación está alojada dentro del repositorio, por lo que deberá navegar por la página de GitHub para encontrar todos los diferentes métodos y opciones . Específicamente, la página de opciones tiene mucho que recorrer y puede tomar un tiempo encontrar lo que desea.

Afortunadamente, Cleave tiene muchos ejemplos en vivo que puedes estudiar y replicar. Estos ejemplos también se pueden descargar gratis desde el repositorio de GitHub. Si desea ver más ejemplos en vivo, visite la página principal de Cleave.js o vea este violín repleto de demos.

Por qué las redes sociales no son tan malas como crees

Por qué las redes sociales no son tan malas como crees

Todos tienen miedo del impacto negativo que Facebook y Twitter están teniendo en nuestra juventud e incluso en nosotros mismos. Los niños ya no salen, solo se envían mensajes de texto en Whatsapp o Skype. Constantemente. El último viaje familiar es por todo el pinboard "Vacations" en Pinterest. Ha

(Consejos de tecnología y diseño)

Agregue Google Fonts a Photoshop con Fontea Photoshop Plugin

Agregue Google Fonts a Photoshop con Fontea Photoshop Plugin

Si alguna vez quiso tener acceso fácil a toda la biblioteca de Google Fonts en su software de diseño, entonces Fontea es el único complemento que necesitará.Este complemento gratuito funciona en Photoshop CC tanto para Windows como para Mac, con un complemento para Sketch planificado en el futuro cercano . Co

(Consejos de tecnología y diseño)