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.

MEAN vs. LAMP Stack: Pros y contras

MEAN vs. LAMP Stack: Pros y contras

Las pilas de la web han evolucionado durante décadas con avances en la tecnología y los lenguajes de back-end. Dos de los stacks web más populares actualmente son LAMP y MEAN. Se basan en dos tecnologías diferentes para lenguajes de backend, bases de datos y entornos de servidor. El término "pila" se refiere a tecnologías que se acumulan una encima de la otra para crear un entorno de servidor web .En es

(Consejos de tecnología y diseño)

Crear selección de entrada de fecha y hora minimalista con Flatpickr

Crear selección de entrada de fecha y hora minimalista con Flatpickr

Uno de los campos más difíciles de crear es la selección de fecha / hora . Los desarrolladores a menudo recurren a menús de selección simple para el mes / día / año o dependen de varios complementos para hacer el trabajo.Los campos seleccionados funcionan bien pero son un poco torpes. En cambio, puedes mejorar tu forma con el complemento Flatpickr . Es un

(Consejos de tecnología y diseño)