diff --git a/app/assets/javascripts/darkswarm/directives/integer.js.coffee b/app/assets/javascripts/darkswarm/directives/integer.js.coffee
new file mode 100644
index 0000000000..cc70e9bca2
--- /dev/null
+++ b/app/assets/javascripts/darkswarm/directives/integer.js.coffee
@@ -0,0 +1,6 @@
+Darkswarm.directive "integer", ->
+  restrict: 'A'
+  link: (scope, elem, attr) ->
+    elem.bind 'input', ->
+      digits = elem.val().replace(/\D/g, "")
+      elem.val digits
diff --git a/app/assets/javascripts/templates/shop_variant.html.haml b/app/assets/javascripts/templates/shop_variant.html.haml
index 6d050d0bde..da5b3609fa 100644
--- a/app/assets/javascripts/templates/shop_variant.html.haml
+++ b/app/assets/javascripts/templates/shop_variant.html.haml
@@ -11,6 +11,7 @@
   .small-5.medium-3.large-3.columns.text-right{"bo-if" => "!variant.product.group_buy"}
 
     %input{type: :number, 
+    integer: true,
     value: nil, 
     min: 0, 
     placeholder: "0",
@@ -26,6 +27,7 @@
       %span.bulk-input
         %input.bulk.first{type: :number, 
         value: nil, 
+        integer: true,
         min: 0, 
         "ng-model" => "variant.line_item.quantity",
         placeholder: "min",
@@ -34,6 +36,7 @@
         name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}"}
       %span.bulk-input{"bo-if" => "variant.product.group_buy"}
         %input.bulk.second{type: :number,
+        integer: true,
         min: 0,
         "ng-model" => "variant.line_item.max_quantity",
         placeholder: "max",