Phonemask - Library for processing the phone input field in the web form. Only native javascript is used

Related tags

React phonemask
Overview

phonemask

Library for processing the phone input field in the web form. Only native javascript is used

Usage:

  1. Adding a library to HTML
<script type="application/javascript" src="src/phonemask.js"></script>

or

<script type="application/javascript" src="src/phonemask.min.js"></script>
  1. Adding a phone input field to HTML
<input type="text" class="form-control" id="phone" name="phone" value="+38 (0__) ___ - __ - __" mask="+38 (0__) ___ - __ - __" placeholder="+38 (0__) ___ - __ - __">
  1. Adding javascript code to initialize the phone input field handler by mask
<script type="text/javascript">
    const cssPhone = 'input[name="phone"';
    (new phoneMask()).init(cssPhone);
</script>
You might also like...

An easy-to-use super customisable form validation library for React.

An easy-to-use  super customisable form validation library for React.

An easy-to-use super customisable form validation library for React. This library handles all of your form states using built in useReducer hook of react.

Jun 30, 2022

📋 React Hooks for forms validation (Web + React Native)

📋 React Hooks for forms validation (Web + React Native)

English | 繁中 | 简中 | 日本語 | 한국어 | Français | Italiano | Português | Español | Русский | Deutsch | Türkçe Features Built with performance and DX in mind

Dec 29, 2022

Simple React Native marquee component,fully implemented using reanimated v2,support to iOS/Android/Web.

@react-native-reanimated-community/react-native-reanimated-marquee Simple React Native marquee component,fully implemented using reanimated v2,support

Sep 25, 2022

Free React Native library to display local notifications.

Free React Native library to display local notifications.

React-Native NotiFREE ⚛ React Native library to display local notifications. A FREE alternative to React Native NotiFEE. Why? Nobody can remove the gr

Nov 10, 2022

Return an optimized avatar image from a domain name input.

IndieWeb Avatar API A runtime service to extract avatar images from: link rel="apple-touch-icon" link rel="apple-touch-icon-precomposed" link rel

Aug 28, 2022

TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

Dec 19, 2021

Super tiny color input ranges for React.

Super tiny color input ranges for React.

react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea

Jan 16, 2022

📌 A chips input designed for MUI (Material ui) V5

📌 A chips input designed for MUI (Material ui) V5

MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips

Dec 23, 2022

Customizable plugin, smooth scroll up button, on native JavaScript

up-button Customizable plugin, smooth scroll up button, on native JavaScript Description Up button initialization, call up() function, in your js file

May 24, 2022
Owner
Neovav
I am full stack developer
Neovav
Common React Native components used by "Roqay" packed in library for usage in future projects.

Roqay Common React Native Components Common React Native components used by Roqay packed in library for usage in future projects. Installation yarn ad

RoQay 3 Feb 10, 2022
The simplest field formatting and masking tool for React.

Format As You Type The simplest field formatting and masking tool for React. Format fields the way you want using the input components you already use

Mark Kopani 3 Jan 27, 2022
Say goodbye to bots looking for emails and phone numbers.

Hidden From BotsSay goodbye to bots looking for emails and phone numbers Normally on the internet there are bots, crawlers or spiders, they are all th

Erik Giovani 14 Oct 17, 2022
A lite version for the my original app loki stream which allowed watching anime on your phone. Made using expo.

LokiStream Lite A lite version for the my original app loki stream. This app is faster, smaller and more optimized for your phone. It allows you to wa

Lavish Kumar 18 Dec 24, 2022
🎉 toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

toastify-react-native ?? toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense! De

Zahid Ali 29 Oct 11, 2022
null 136 Dec 30, 2022
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Frontend Mentor - Job listings with filtering Front-end challenge focused on javascript logic, where a list of fictitious vacancies is presented and t

Rui Neto 11 Apr 13, 2022
A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

Alvaro Junior 1 Jul 23, 2022
This project is a React Native Boilerplate that can be used to kickstart a mobile app.

Meta Point People: Mounir Dhahri This is an Artsy OSS project. Don't know what Artsy is? Check out this overview and more, or read our objc.io on team

Artsy 4 Jul 6, 2022
JAVASCRIPT library recognition of signs input from the smartphone display

Recosigns Demo: https://gaidadei.ru/recosigns/demo/ Documentation: https://gaidadei.ru/recosigns/ Download: https://gaidadei.ru/recosigns/recosigns.zi

null 23 Nov 12, 2022