non-4byte-chars-pattern/README.md

A pattern of HTML `input` element to restrict use of UTF-8 4-byte characters

# non-4byte-chars-pattern

[![NPM version](https://img.shields.io/npm/v/non-4byte-chars-pattern.svg)](https://www.npmjs.com/package/non-4byte-chars-pattern)
[![Bower version](https://img.shields.io/bower/v/non-4byte-chars-pattern.svg)](https://github.com/shinnn/non-4byte-chars-pattern/releases)
[![Build Status](https://travis-ci.org/shinnn/non-4byte-chars-pattern.svg?branch=master)](https://travis-ci.org/shinnn/non-4byte-chars-pattern)
[![Coverage Status](https://img.shields.io/coveralls/shinnn/non-4byte-chars-pattern.svg)](https://coveralls.io/r/shinnn/non-4byte-chars-pattern)
[![dependencies Status](https://david-dm.org/shinnn/non-4byte-chars-pattern/status.svg)](https://david-dm.org/shinnn/non-4byte-chars-pattern)
[![devDependencies Status](https://david-dm.org/shinnn/non-4byte-chars-pattern/dev-status.svg)](https://david-dm.org/shinnn/non-4byte-chars-pattern?type=dev)



```javascript
import non4byteCharsPattern from 'non-4byte-chars-pattern';

const input = document.createElement('input');
input.setAttribute('pattern', non4byteCharsPattern);

input.value = 'Hello (^ ^)';
input.validity.patternMismatch; //=> false

input.value = 'Hello 🤗';
input.validity.patternMismatch; //=> true
```

## Installation

### [npm](https://www.npmjs.com/)

```
npm install non-4byte-chars-pattern
```

### [bower](https://bower.io/)

```
bower install non-4byte-chars-pattern
```

## API

### non4byteCharsPattern

Type: `String`

Note that this pattern regards an empty string `''` as valid. If you want to disallow blank input, use `required` attribute instead.

## Related project

[non-4byte-chars-regex](https://github.com/shinnn/non-4byte-chars-regex) - [`RegExp`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp) version of this module

## License

[The Unlicense](./LICENSE).