jishun / react-validated-input Goto Github PK

Hi Jishun,
When is doValidate called in the Usage example? Also, what does validate={this.state.validation} do? Perhaps some sample data? Ideally usage examples for textarea, password, email, select, radio, checkbox would be great. Thanks mate

This looks Awesome! hope I can get it to work with my ES6 Webpack build project

The install went fine: npm install react-validated-input --save

But in my .jsx when I:
import Input from 'react-validated-input'

I get console.log: (it's there in node_modules?!) not seen this before. Thx!

Module not found: Error: Cannot resolve module 'react-validated-input' in /Projects/TrailerShare/ts-client/app/components
resolve module react-validated-input in /Projects/TrailerShare/ts-client/app/components
looking for modules in /Projects/TrailerShare/ts-client/node_modules
resolve 'file' react-validated-input in /Projects/TrailerShare/ts-client/node_modules
resolve file
/Projects/TrailerShare/ts-client/node_modules/react-validated-input is not a file
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.js doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.jsx doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.es6 doesn't exist
resolve 'file' or 'directory' /Projects/TrailerShare/ts-client/node_modules/react-validated-input
resolve file
/Projects/TrailerShare/ts-client/node_modules/react-validated-input is not a file
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.js doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.jsx doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input.es6 doesn't exist
resolve directory
directory default file index
resolve file index in /Projects/TrailerShare/ts-client/node_modules/react-validated-input
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.js doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.jsx doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.es6 doesn't exist
use dist/react-validated-input.js from package.json
resolve 'file' or 'directory' dist/react-validated-input.js in /Projects/TrailerShare/ts-client/node_modules/react-validated-input
resolve file
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.js doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.jsx doesn't exist
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.es6 doesn't exist
resolve directory
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js doesn't exist (directory default file)
/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js/package.json doesn't exist (directory description file)
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.js]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.js]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.jsx]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.jsx]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.es6]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input.es6]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.js]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.jsx]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/index.es6]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.js]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.jsx]
[/Projects/TrailerShare/ts-client/node_modules/react-validated-input/dist/react-validated-input.js.es6]
@ ./app/components/address.jsx 28:27-59

Thanks again for this,

If I render:
<Input type="text" validate={this.state.validation} instance={this.state._addr} propertyKey="street" rules={{presence: true}} >

The field displays the value, but when I delete (backspace) the last remaining character from the field I get:

Warning: A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components

Now getting:

warning.js:44 Warning: Unknown props validate, rules on tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
in input
in span
in div
in ValidatedInput (created by _class)
in div (created by _class)
in div (created by _class)
in div (created by _class)
in _class (created by RouterContext)