Skip to Content
Last modified by Agnease on 2026/06/16 17:18
From version 16.12
edited by Agnease
on 2026/05/28 08:12
Change comment: There is no comment for this version
To version 16.16
edited by Agnease
on 2026/06/16 16:02
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -99,7 +99,17 @@
99 99   #end
100 100   </dl>
101 101   <p class="xHint">* Your information will only be used to respond to this request.</p>
102 - ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
102 + ## Hidden fields to catch requests filled by bots.
103 + <div class="contact-hp-wrapper" aria-hidden="true">
104 + <label for="contactWebsite">Website</label>
105 + <input
106 + id="contactWebsite"
107 + type="text"
108 + name="contactWebsite"
109 + autocomplete="off"
110 + tabindex="-1"
111 + />
112 + </div>
103 103   <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
104 104   </form>
105 105   #end
XWiki.JavaScriptExtension[0]
code
... ... @@ -9,28 +9,26 @@
9 9   form.on('submit', function (event) {
10 10   event.preventDefault();
11 11  
12 - var data = $.param(form.serializeArray());
12 + // Always reset notifications before starting a new request.
13 + successBox.addClass('hidden');
14 + errorBox.addClass('hidden');
15 + successBox.find('.box div p').text('');
16 + errorBox.find('.box div p').text('');
13 13  
14 14   submitButton.prop('disabled', true);
15 15  
16 16   $.post({
17 17   url: serviceURL,
18 - data: data
22 + data: $.param(form.serializeArray())
19 19   }).done(function (data) {
20 - var successBoxContent = successBox.find('.box div p');
21 - successBoxContent.text(data.message);
22 - successBox.toggleClass('hidden');
23 - if (errorBox.is(':visible')) {
24 - errorBox.toggleClass('hidden');
25 - }
24 + successBox.find('.box div p').text(data.message);
25 + successBox.removeClass('hidden');
26 26   form[0].reset();
27 27   }).fail(function (xhr) {
28 - var errorBoxContent = errorBox.find('.box div p');
29 - errorBoxContent.text(xhr.statusText);
30 - errorBox.toggleClass('hidden');
31 - if (successBox.is(':visible')) {
32 - successBox.toggleClass('hidden');
33 - }
28 + var message = xhr.responseJSON && xhr.responseJSON.message ? xhr.responseJSON.message
29 + : 'The request could not be sent. Please try again or contact Agnease by email at alex@agnease.com';
30 + errorBox.find('.box div p').text(message);
31 + errorBox.removeClass('hidden');
34 34   }).always(function () {
35 35   submitButton.prop('disabled', false);
36 36   });