MAGETWO-54186: Problem with js validation when adding product to shopping cart

- JS inline module become a separate widget

Author: iivashchenko

app/code/Magento/Catalog/view/frontend/requirejs-config.js

@@ -17,7 +17,8 @@ var config = {
             priceOptionFile:        'Magento_Catalog/js/price-option-file',
             priceOptions:           'Magento_Catalog/js/price-options',
             priceUtils:             'Magento_Catalog/js/price-utils',
-            catalogAddToCart:       'Magento_Catalog/js/catalog-add-to-cart'
+            catalogAddToCart:       'Magento_Catalog/js/catalog-add-to-cart',
+            productValidate:        'Magento_Catalog/js/validate-product'
         }
     }
 };

app/code/Magento/Catalog/view/frontend/templates/product/view/addtocart.phtml

@@ -51,27 +51,11 @@
     }
 </script>
 <?php else : ?>
-<script>
-    require([
-        'jquery',
-        'mage/mage',
-        'Magento_Catalog/product/view/validation',
-        'Magento_Catalog/js/catalog-add-to-cart'
-    ], function ($) {
-        'use strict';
-
-        $('#product_addtocart_form').mage('validation', {
-            radioCheckboxClosest: '.nested',
-            submitHandler: function (form) {
-                var widget = $(form).catalogAddToCart({
-                    bindSubmit: false
-                });
-
-                widget.catalogAddToCart('submitForm', $(form));
-
-                return false;
-            }
-        });
-    });
+<script type="text/x-magento-init">
+    {
+        "#product_addtocart_form": {
+            "productValidate": {}
+        }
+    }
 </script>
 <?php endif; ?>

app/code/Magento/Catalog/view/frontend/web/js/validate-product.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright © 2016 Magento. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+define([
+    'jquery',
+    'mage/mage',
+    'Magento_Catalog/product/view/validation',
+    'catalogAddToCart'
+], function($) {
+    "use strict";
+
+    $.widget('mage.productValidate', {
+
+        options: {
+            bindSubmit: false,
+            radioCheckboxClosest: '.nested'
+        },
+
+        _create: function() {
+            var self = this;
+
+            this.element.mage('validation', {
+                radioCheckboxClosest: this.options.radioCheckboxClosest,
+
+                submitHandler: function (form) {
+                    var widget = $(form).catalogAddToCart({
+                        bindSubmit: self.options.bindSubmit
+                    });
+
+                    widget.catalogAddToCart('submitForm', $(form));
+                    return false;
+                }
+            });
+        }
+    });
+
+    return $.mage.productValidate;
+});