Merge pull request #2 from obisconcept/master

Added suggestion

README.md

@@ -6,7 +6,7 @@ Add the package in your site package composer.json
 
 ```
 "require": {
-  "obisconcept/neos-ajax-form": "~1.0"
+  "obisconcept/neos-ajax-form": "~1.0.0"
 }
 ```
 

Resources/Private/Assets/JavaScript/main.js

@@ -4,6 +4,15 @@ $(document).ready(function() {
 
 });
 
+window.initButtonClickHandler = function() {
+
+    $('.ajax-form button[type="submit"]').on('click', function() {
+        $('.ajax-form button[type="submit"]').removeAttr('clicked');
+        $(this).attr('clicked', 'true');
+    });
+
+}
+
 window.initAjaxForm = function() {
 
     $.each($('.ajax-form'), function (idx, ajaxForm) {
@@ -20,7 +29,9 @@ window.initAjaxForm = function() {
             var formURL = formObj.attr('action');
             var formData = new FormData(this);
 
-            formData.append($(this).find('button[type="submit"]').attr('name'), $(this).find('button[type="submit"]').attr('value'));
+            var trigger = $(this).find('button[clicked="true"]');
+
+            formData.append($(trigger).attr('name'), $(trigger).attr('value'));
 
             $.ajax({
 
@@ -40,6 +51,8 @@ window.initAjaxForm = function() {
 
                     $(ajaxForm).find('.ajax-content').replaceWith(data);
 
+                    initButtonClickHandler();
+
                     if ($(ajaxForm).find('.g-recaptcha').length) {
                       var captcha = $(ajaxForm).find('.g-recaptcha');
                       var sitekey = captcha.data('sitekey');
@@ -56,6 +69,8 @@ window.initAjaxForm = function() {
 
         $(ajaxForm).load(formAjaxUrl + ' .ajax-content', function () {
 
+            initButtonClickHandler();
+
             $(this).css("min-height", $(this).css("height"));
 
             if ($(this).find('.g-recaptcha').length) {

Resources/Public/JavaScript/main.js

@@ -4,6 +4,15 @@ $(document).ready(function() {
 
 });
 
+window.initButtonClickHandler = function() {
+
+    $('.ajax-form button[type="submit"]').on('click', function() {
+        $('.ajax-form button[type="submit"]').removeAttr('clicked');
+        $(this).attr('clicked', 'true');
+    });
+
+}
+
 window.initAjaxForm = function() {
 
     $.each($('.ajax-form'), function (idx, ajaxForm) {
@@ -20,7 +29,9 @@ window.initAjaxForm = function() {
             var formURL = formObj.attr('action');
             var formData = new FormData(this);
 
-            formData.append($(this).find('button[type="submit"]').attr('name'), $(this).find('button[type="submit"]').attr('value'));
+            var trigger = $(this).find('button[clicked="true"]');
+
+            formData.append($(trigger).attr('name'), $(trigger).attr('value'));
 
             $.ajax({
 
@@ -40,6 +51,8 @@ window.initAjaxForm = function() {
 
                     $(ajaxForm).find('.ajax-content').replaceWith(data);
 
+                    initButtonClickHandler();
+
                     if ($(ajaxForm).find('.g-recaptcha').length) {
                       var captcha = $(ajaxForm).find('.g-recaptcha');
                       var sitekey = captcha.data('sitekey');
@@ -56,6 +69,8 @@ window.initAjaxForm = function() {
 
         $(ajaxForm).load(formAjaxUrl + ' .ajax-content', function () {
 
+            initButtonClickHandler();
+
             $(this).css("min-height", $(this).css("height"));
 
             if ($(this).find('.g-recaptcha').length) {

composer.json

@@ -17,6 +17,10 @@
         "typo3/neos": "~2.3.0",
         "typo3/neos-nodetypes": "~2.3.0"
     },
+    "suggest": {
+        "obisconcept/neos-bootstrap": "Provides jQuery which is required by the plugin",
+        "obisconcept/neos-jquery": "Add this package, if you don't use obisconcept/neos-bootstrap package or if you don't inluded jQuery by yourself"
+    },
     "autoload": {
         "psr-0": {
             "ObisConcept\\NeosAjaxForm": "Classes"