var React = require('react');
var ReactDOM = require('react-dom');
var $ = require('jquery');
var IntegerInput = React.createClass({
getInitialState: function() {
return { value: 42, cssClass: 'form-control' };
},
handleChange: function(event) {
var isInputValid = this.validate(event.target.value);
var validationClass;
if (isInputValid) {
validationClass = 'success form-control';
} else {
validationClass = 'error form-control';
}
this.setState({ cssClass: validationClass, value: event.target.value });
},
validate: function(val) {
if (Number.isInteger(parseInt(val)) == false) {
return false;
}
return true;
},
render: function() {
var value = this.state.value;
var cssClass = this.state.cssClass;
return <input type="number" className={cssClass} value={value} onChange={this.handleChange} />;
}
});
ReactDOM.render(
<PasswordInput />,
document.getElementById('react-element-pass')
);