Add proper octet/cidr validation

1 files changed, 12 insertions, 8 deletions

diff --git a/index.js b/index.js
index 6757bc8..65b52ee 100644
--- a/index.js
+++ b/index.js
@@ -15,18 +15,22 @@ class IPAddress extends React.Component {
 
   handleChange = (event) => {
     var octets = this.state.octets
-    var val = +event.target.value
+    var val = +event.target.value.replace(/[^0-9]/g, '')
     var octet = event.target.attributes['data-octet'].value
     if (octet == 'cidr') {
-      this.setState({
-        cidr: val
-      })
+      if (val <= 32) {
+        this.setState({
+          cidr: val
+        })
+      }
     }
     else {
-      octets[+octet] = val
-      this.setState({
-        octets: octets
-      })
+      if (val <= 255) {
+        octets[+octet] = val
+        this.setState({
+          octets: octets
+        })
+      }
     }
   }