Changed the onChange handler to match other my components and updated…

… code to reduce confusion. Also cleaned up with latest lint tests and verified it passed unit existing tests.

src/components/input/code/templates/inputTemplate.jsx

@@ -1,4 +1,3 @@
-var React = require('react');
 var classNames = require('classnames');
 
 module.exports = function (component){
@@ -22,8 +21,7 @@ module.exports = function (component){
    */
   var span;
 
-  if (component.state.error)
-  {
+  if (component.state.error){
     span = ( <span className="input-group-span component-input-error">{component.state.error}</span> );
   }
 
@@ -37,7 +35,7 @@ module.exports = function (component){
         name={component.props.name}
         id={component.props.id}
         placeholder={component.props.placeholder}
-        onChange={component.changeHandler}
+        onChange={component.handleChange}
         defaultValue={component.props.defaultValue}
         disabled={component.props.disabled}
         readOnly={component.props.readOnly}

src/components/input/code/views/inputView.jsx

@@ -17,16 +17,15 @@ module.exports = React.createClass({
     required: React.PropTypes.bool,
     valid: React.PropTypes.bool,
     validator: React.PropTypes.string,
-    errorMessage: React.PropTypes.string,
-    onChange: React.PropTypes.func
+    errorMessage: React.PropTypes.string
   },
 
   getInitialState: function() {
     return {
       value: this.props.defaultValue || '',
       error: null,
       valid: true
-    }
+    };
   },
 
   getDefaultProps: function() {
@@ -35,30 +34,29 @@ module.exports = React.createClass({
       disabled: false,
       readOnly: false,
       required: false,
-      onChange: this.changeHandler,
       errorMessage: null
-    }
+    };
   },
 
-  changeHandler: function(e) {
+  handleChange: function(e) {
 
-    var is_valid = true;
+    var isValid = true;
     var error = null;
     var self = this;
-    var value = e.target.value
+    var value = e.target.value;
 
     clearTimeout(this.intent);
     this.intent = setTimeout(function(){
       if(value !== '' && typeof self.props.validator !== 'undefined'){
-        is_valid = self.props.validator.test(value);
+        isValid = self.props.validator.test(value);
       }
 
-      if( !is_valid){
+      if( !isValid){
         error = self.props.errorMessage;
       }
 
       self.setState({
-        valid: is_valid,
+        valid: isValid,
         error: error
       });
     }, 500);