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.

5 formas de aumentar la velocidad de Internet con el símbolo del sistema

5 formas de aumentar la velocidad de Internet con el símbolo del sistema

La lentitud de la velocidad de Internet es un problema sin fin que afecta a los usuarios de Internet de vez en cuando. A veces es un problema con la configuración de la red, otras veces el problema puede estar en la PC o incluso en el mismo ISP.Sin embargo, muchos de los problemas comunes relacionados con las direcciones DNS, TCP e IP se pueden resolver usando el símbolo del sistema de Windows .

(Consejos de tecnología y diseño)

Buscar archivos de Google Drive directamente desde la aplicación de Google [Android]

Buscar archivos de Google Drive directamente desde la aplicación de Google [Android]

Revisar la carpeta de Google Drive para encontrar que un archivo específico ya no será tan difícil como lo es actualmente para los propietarios de dispositivos con Android. ¿Por qué puedes preguntar? Porque Google está implementando una actualización de la aplicación Android de Google que le permitirá buscar archivos de Google Drive directamente desde la aplicación .Una vez q

(Consejos de tecnología y diseño)