MaskedInput Class
Description here
Copyright (c) 2016 ItsAsbreuk - http://itsasbreuk.nl
New BSD License - http://choosealicense.com/licenses/bsd-3-clause/
Item Index
Properties
- autoFocus
- autoFocus
- className
- className
- errorMsg
- errorMsg
- formValidated
- formValidated
- helpText
- helpText
- id
- id
- markValidated
- markValidated
- markValidated
- markValidated
- mask
- mask
- name
- name
- onBlur
- onBlur
- onChange
- onChange
- onClick
- onClick
- onFocus
- onFocus
- onKeyDown
- onKeyDown
- onKeyEnter
- onKeyEnter
- onKeyPress
- onKeyPress
- onKeyUp
- onKeyUp
- placeholder
- placeholder
- style
- style
- type
- type
- type
- type
- validated
- validated
- value
- value
Methods
element
-
props
Returns the rendered React-Element that serves as the source dom-element
Parameters:
-
props
Objectprops to be passed through to the Component
Returns:
ReactComponent
element
-
props
Returns the rendered React-Element that serves as the source dom-element
Parameters:
-
props
Objectprops to be passed through to the Component
Returns:
ReactComponent
focus
-
[transitionTime]
Sets the focus on the Component.
Parameters:
-
[transitionTime]
Number optionaltransition-time to focus the element into the view
focus
()
chainable
Sets the focus on the Component.
getInitialState
()
Gets the Component"s internal state. Note, that the this is NOT Redux"s state.
Returns:
Object the Component internal initial state
handleBlur
-
e
The method that is called whenever the input-Element gets blurred. It will change its internal state, so that the css looks right and also any validation-messages appear.
Parameters:
-
e
Objectevent-payload
handleChange
-
e
The method that is called whenever the input-Element changes its value. Will update the Redux-store (signupuser.homeaddress);
Parameters:
-
e
Objectevent-payload
handleFocus
-
e
The method that is called whenever the input-Element gets the focus. It will change its internal state, so that the css looks right and also any validation-messages disappear.
Parameters:
-
e
Objectevent-payload
render
()
React render-method --> renderes the Component.
Returns:
ReactComponent
Properties
formValidated
Boolean
Whether the parent-form has been validated. This value is needed to determine if the validate-status should be set.
formValidated
Boolean
Whether the parent-form has been validated. This value is needed to determine if the validate-status should be set.
mask
String
The mask
that determines the pattern.
See https://github.com/insin/inputmask-core#pattern
mask
String
The mask
that determines the pattern.
See https://github.com/insin/inputmask-core#pattern