❤
npm
Sign UpSign In

react-inputs-validation
TypeScript icon, indicating that this package has built-in type declarations

4.9.10 • Public • Published

react-inputs-validation

All Contributors

npm version Cdnjs example workflow react-inputs-validation Package Quality Coverage Status npm bundle size (minified + gzip) Join the chat at https://gitter.im/react-inputs-validation/Lobby GitHub license LICENSE 996.icu

A react component for form inputs validation. Online demo examples.

How to use

Usage

By NPM

npm install react-inputs-validation --save
import { Textbox, Radiobox, Checkbox, Select, Textarea } from 'react-inputs-validation';
import 'react-inputs-validation/lib/react-inputs-validation.min.css';
Make sure you have at least react@16.8.6 installed.
  "peerDependencies": {
    "react": ">= 16.8.6",
    "react-dom": ">= 16.8.6"
  }

By CDN (starting from v4.4.1)

<head>
 ...
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/react-inputs-validation/4.9.1/react-inputs-validation.min.css"/>
</head>
<body>
 <div id="root"></div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react-inputs-validation/4.9.1/react-inputs-validation.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
 <script type="text/babel">
    const App = React.memo(() => {
      const [value, setValue] = React.useState('');
      return (<Textbox value={value} onBlur={()=>{}} .../>)
    });
    ReactDOM.render(<App />, document.getElementById('root'));
 </script>
</body>

Live examples

Codesandbox Examples

Basic Usage Examples

Online demo example

Demo source code

Documentation

1.x, 2.x, 3.x

4.x

About intl locales support (Under Common questions)

Browser support

Tested on IE9+ and Chrome and Safari(10.0.3)

Donation

Thanks for donating me a donut!  ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Edward Xiao
💻 📖 🚇 ⚠️ 👀
Frank Bonnet
💻
Rokas Anisas
💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
4.9.10396latest
3.4.60beta

Version History

VersionDownloads (Last 7 Days)Published
4.9.10396
4.9.95
4.9.80
4.9.7111
4.9.60
4.9.50
4.9.40
4.9.30
4.9.23
4.9.11
4.9.00
4.8.90
4.8.80
4.8.70
4.8.60
4.8.52
4.8.41
4.8.31
4.8.20
4.8.10
4.8.00
4.7.04
4.6.33
4.6.214
4.6.10
4.6.00
4.5.25
4.5.10
4.5.00
4.4.60
4.4.50
4.4.40
4.4.30
4.4.20
4.4.12
4.4.00
4.3.40
4.3.31
4.3.20
4.3.11
4.3.00
4.2.30
4.2.20
4.2.10
4.2.00
4.1.100
4.1.90
4.1.80
4.1.70
4.1.61
4.1.51
4.1.40
4.1.30
4.1.20
4.1.11
4.1.00
4.0.31
4.0.20
4.0.10
4.0.00
3.5.00
3.4.130
3.4.120
3.4.110
3.4.100
3.4.90
3.4.80
3.4.71
3.4.60
3.4.50
3.4.40
3.4.30
3.4.20
3.4.11
3.4.00
3.3.00
3.2.60
3.2.50
3.2.41
3.2.30
3.2.23
3.2.10
3.2.00
3.1.40
3.1.30
3.1.20
3.1.10
3.1.00
3.0.50
3.0.40
3.0.30
3.0.20
3.0.10
3.0.00
2.2.138
2.2.01
2.1.91
2.1.80
2.1.70
2.1.62
2.1.513
2.1.41
2.1.30
2.1.20
2.1.10
2.1.00
2.0.90
2.0.80
2.0.71
2.0.60
2.0.51
2.0.41
2.0.30
2.0.20
2.0.10
2.0.00
1.4.20
1.4.11
1.4.01
1.3.70
1.3.60
1.3.50
1.3.40
1.3.30
1.3.20
1.3.10
1.3.00
1.2.11
1.2.00
1.1.40
1.1.30
1.1.20
1.1.10
1.1.00
1.0.519
1.0.40
1.0.31
1.0.21
1.0.17
1.0.00
0.0.180
0.0.170
0.0.160
0.0.150
0.0.140
0.0.130
0.0.120
0.0.10

Package Sidebar

Install

npm i react-inputs-validation

Repository

github.com/edwardfxiao/react-inputs-validation

Homepage

edwardfxiao.github.io/react-inputs-validation

Weekly Downloads

546

Version

4.9.10

License

MIT

Unpacked Size

460 kB

Total Files

28

Last publish

Collaborators

  • edwardxiao
Try on RunKit
Report malware