Skip to Content
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.60
edited by Alex Cotiugă
on 2026/05/02 07:40
Change comment: There is no comment for this version
To version 13.74
edited by Alex Cotiugă
on 2026/05/02 08:05
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -62,6 +62,18 @@
62 62   <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
63 63   </ol>
64 64   </div>
65 + <div class="reviewNotifications">
66 + <div class="hidden reviewNotificationSuccess">
67 +
68 + {{success}}reviewNotification{{/success}}
69 +
70 + </div>
71 + <div class="hidden reviewNotificationError">
72 +
73 + {{error}}reviewNotification{{/error}}
74 +
75 + </div>
76 + </div>
65 65   </div>
66 66   </div>
67 67  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,8 +1,11 @@
1 1  require(['jquery'], function ($) {
2 2   var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 - var form = $('#agneaseContactForm');
4 - var submitButton = $('#agneaseContactSubmit');
3 + var form = $('#contactForm');
4 + var submitButton = $('#contactSubmit');
5 5  
6 + var successBox = $('.reviewNotificationSuccess');
7 + var errorBox = $('.reviewNotificationError');
8 +
6 6   function getFormData() {
7 7   var data = {};
8 8  
... ... @@ -12,7 +12,22 @@
12 12  
13 13   return data;
14 14   }
18 +
19 + function isValidEmail(value) {
20 + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
21 + }
15 15  
23 + function updateSubmitState() {
24 + var data = getFormData();
25 + var name = $.trim(data[fields.name] || '');
26 + var email = $.trim(data[fields.email] || '');
27 +
28 + submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
29 + }
30 +
31 + form.on('input change keyup', 'input, textarea, select', updateSubmitState);
32 + updateSubmitState();
33 +
16 16   form.on('submit', function (event) {
17 17   event.preventDefault();
18 18  
... ... @@ -22,21 +22,24 @@
22 22  
23 23   $.post({
24 24   url: serviceURL,
25 - data: data,
26 - dataType: 'json'
43 + data: data
27 27   }).done(function (response) {
28 - alert(response.message || 'Your request was sent successfully.');
45 + // replace with succcess message alert(response.message || 'Your request was sent successfully.');
46 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
47 + var successBoxContent = successBox.find('.box div p');
48 + successBoxContent.text(data.message);
49 + successBox.toggleClass('hidden');
50 + if (errorBox.is(':visible')) {
51 + errorBox.toggleClass('hidden');
52 + }
29 29   form[0].reset();
30 30   }).fail(function (xhr) {
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;
55 + var errorBoxContent = errorBox.find('.box div p');
56 + errorBoxContent.text(xhr.responseJSON.message);
57 + errorBox.toggleClass('hidden');
58 + if (successBox.is(':visible')) {
59 + successBox.toggleClass('hidden');
37 37   }
38 -
39 - alert(message);
40 40   submitButton.prop('disabled', false);
41 41   });
42 42   });