https://github.com/iurianu/js-code-pieces

Javascript Code Samples
https://github.com/iurianu/js-code-pieces

es6 html5 input javascript

Last synced: 6 days ago
JSON representation

Javascript Code Samples

• Host: GitHub
• URL: https://github.com/iurianu/js-code-pieces
• Owner: iurianu
• Created: 2022-07-04T16:21:54.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-13T17:47:33.000Z (over 2 years ago)
• Last Synced: 2023-03-04T13:59:57.128Z (over 1 year ago)
• Topics: es6, html5, input, javascript
• Language: HTML
• Homepage:
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Javascript Code Samples

## Statement

> `All code in this repository is free to use by anyone, without limitations`

### Contents

- [Use pattern Regex on `tel` Input to create placeholder, and HTML validation](https://github.com/iurianu/js-code-pieces#use-pattern-regex-on-tel-input-to-create-placeholder-and-html-validation)

- [Simple Phone input with Country Dropdown](https://github.com/iurianu/js-code-pieces#simple-phone-input-with-country-dropdown)

---------

---------

## Use pattern Regex on `tel` Input to create placeholder, and HTML validation 

### Code

> See code [here](https://github.com/iurianu/js-code-pieces/blob/main/Code/pattern-regex-on-tel-input.html)

### Resources

> [Add Dashes to Phone Input](https://codepen.io/alphaborel/pen/GxVGpR?fbclid=IwAR2dAI5Go2E_w-9MkEASVSs_nTl2osPRmU9IoCeh6IQdKAIqneMXhvR8hOs) - a codepen with a script that lets the user see the dashes in the `tel` input while typing, so he/she can keep the allowed formatting

## Simple Phone input with Country Dropdown

### Code

> See code [here](https://github.com/iurianu/js-code-pieces/blob/main/Code/phone-input-with-dropdown.html)

### Resources

> Created with [this tutorial](https://www.youtube.com/watch?v=hSc-B54iVVo), with Twitter Bootstrap 5

> The flag icons have been copied from [here](https://www.quackit.com/character_sets/emoji/emoji_v3.0/unicode_emoji_v3.0_characters_flags.cfm)