Skip to Content
Last modified by Alex Cotiugă on 2026/05/04 06:15
From version 13.104
edited by Alex Cotiugă
on 2026/05/02 08:28
Change comment: There is no comment for this version
To version 13.60
edited by Alex Cotiugă
on 2026/05/02 07:40
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -39,22 +39,8 @@
39 39   </dl>
40 40   <p>Your information will only be used to respond to this request.</p>
41 41   ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
42 - <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
42 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request" disabled="disabled">
43 43   </form>
44 - {{/html}}
45 - {{html clean="false" wiki="true"}}
46 - <div class="reviewNotifications">
47 - <div class="hidden reviewNotificationSuccess">
48 -
49 - {{success}}reviewNotification{{/success}}
50 -
51 - </div>
52 - <div class="hidden reviewNotificationError">
53 -
54 - {{error}}reviewNotification{{/error}}
55 -
56 - </div>
57 - </div>
58 58   </div>
59 59   <div class="col-xs-5">
60 60   <div class="widget">
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,14 +1,8 @@
1 1  require(['jquery'], function ($) {
2 2   var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 - var form = $('#contactForm');
4 - var submitButton = $('#contactSubmit');
3 + var form = $('#agneaseContactForm');
4 + var submitButton = $('#agneaseContactSubmit');
5 5  
6 - var successBox = $('.reviewNotificationSuccess');
7 - var errorBox = $('.reviewNotificationError');
8 -
9 - var nameFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_name';
10 - var emailFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_email';
11 -
12 12   function getFormData() {
13 13   var data = {};
14 14  
... ... @@ -15,7 +15,6 @@
15 15   $.each(form.serializeArray(), function (_, field) {
16 16   data[field.name] = field.value;
17 17   });
18 - console.log(data)
19 19  
20 20   return data;
21 21   }
... ... @@ -23,31 +23,27 @@
23 23   form.on('submit', function (event) {
24 24   event.preventDefault();
25 25  
26 - var data = $.param(form.serializeArray());
19 + var data = getFormData();
27 27  
28 28   submitButton.prop('disabled', true);
29 29  
30 30   $.post({
31 31   url: serviceURL,
32 - data: data
25 + data: data,
26 + dataType: 'json'
33 33   }).done(function (response) {
34 - // replace with succcess message alert(response.message || 'Your request was sent successfully.');
35 - //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
36 - var successBoxContent = successBox.find('.box div p');
37 - successBoxContent.text(data.message);
38 - successBox.toggleClass('hidden');
39 - if (errorBox.is(':visible')) {
40 - errorBox.toggleClass('hidden');
41 - }
28 + alert(response.message || 'Your request was sent successfully.');
42 42   form[0].reset();
43 43   }).fail(function (xhr) {
44 - var errorBoxContent = errorBox.find('.box div p');
45 - errorBoxContent.text(xhr.responseJSON.message);
46 - errorBox.toggleClass('hidden');
47 - if (successBox.is(':visible')) {
48 - successBox.toggleClass('hidden');
31 + var message = 'The request could not be sent. Please try again or contact Agnease by email.';
32 +
33 + if (xhr.responseJSON && xhr.responseJSON.message) {
34 + message = xhr.responseJSON.message;
35 + } else if (xhr.responseText) {
36 + message = xhr.responseText;
49 49   }
50 - }).always(function () {
38 +
39 + alert(message);
51 51   submitButton.prop('disabled', false);
52 52   });
53 53   });